微信小程序开发之 生命周期函数有哪些、以及生命周期函数的执行顺序

前言

了解生命周期函数你才能更好的将代码放在合适的位置。例如有些函数在生命周期里面只执行一次(onLoad),所以你可以在该函数里面统一对该界面可能用到的属性进行一些初始化的操作,这样方便以后查看和管理。好了,话不多说了,请看下面哦。

生命周期函数有哪些
  /**
   * 生命周期函数--监听页面加载.一个页面只会调用一次
   */
  onLoad() {
    console.log('App onLoad');
  },
  /**
   * 生命周期函数--监听页面初次渲染完成。一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。
   */
  onReady: function () {
    console.log('App onReady');
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    console.log('App onShow');
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    console.log('App onHide');
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    console.log('App onUnload');
  },

以A界面为例,其他界面PUSH进A页面时,A页面中生命周期函数的执行顺序(从上往下)
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {
    console.log('App onLoad');
  },
/**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    console.log('App onShow');
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    console.log('App onReady');
  },

其他界面POP到进A页面时,A页面中生命周期函数的执行顺序(从上往下)
/**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    console.log('App onShow');
  },

将A界面POP到其他界面时,A页面中生命周期函数的执行顺序(从上往下)
/**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    console.log('App onUnload');
  },

将A页面由前台切至后台时,A页面中生命周期函数的执行顺序(从上往下)
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    console.log('App onHide');
  },

将A页面由后台切换至前台时,A页面中生命周期函数的执行顺序(从上往下)
 /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    console.log('App onShow');
  },

onLaunch函数为什么没有列入生命周期函数里面呢,这里做下解释,onLaunch函数比较特殊,它只会在app.js里面执行,并且整个程序在运行期间只会执行一次(相当于iOS开发中的单例,全程只会创建一次),并且他是在其与生命周期函数的前面执行的。而上面所说的生命周期函数,在每个类里面(类A, 类B,类C .....),只要满足条件都可以执行。所以这里要做下区分哦。
  /**
   * 生命周期函数--当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
   */
  onLaunch: function () {
    console.log('App onLaunch');
  },

如有写的不对的地方,可以回复指正哦
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 14,516评论 2 59
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,429评论 25 709
  • 不同身型女士怎么搭配牛仔裤 梨形身材 通常是上身瘦弱,下半身较沉重。但这类女性一般腰线比较漂亮,适当展露可为全身造...
    夜蚺阅读 2,924评论 0 6

友情链接更多精彩内容