微信小程序的生命周期

212 阅读2分钟

1. 什么是生命周期

生命周期是指一个对象从创建->运行->销毁的整个阶段,强调的是一个时间段。

我们把每个小程序运行的过程,也概括为生命周期:

  • 小程序的启动,表示生命周期的开始
  • 小程序的关闭,表示生命周期的结束

2. 生命周期的分类

在小程序中,生命周期分为两类,分别是:

  • 应用生命周期 特指小程序从启动->运行->销毁的过程
  • 页面生命周期 特指小程序中,每个页面的加载->渲染->销毁的过程 其中,页面的生命周期范围较小,应用程序的生命周期范围较大: 小程序启动->页面A的生命周期->页面B的生命周期->...->小程序结束

3. 什么是生命周期函数

  • 生命周期函数:是由小程序框架提供的内置函数,会伴随着生命周期,自动按次序执行。
  • 生命周期的作用:运行程序员在特定的时间点,执行某些特定的操作。
  • 注意:生命周期强调的是时间段,生命周期函数强调的是时间点

4. 生命周期函数的分类

  • 应用的生命周期函数
  • 页面的生命周期函数

5. 应用的生命周期函数

小程序的应用生命周期函数需要在app.js中进行声明,

App({

  /**
   * 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
   */
  onLaunch: function () {
    
  },

  /**
   * 当小程序启动,或从后台进入前台显示,会触发 onShow
   */
  onShow: function (options) {
    
  },

  /**
   * 当小程序从前台进入后台,会触发 onHide
   */
  onHide: function () {
    
  },

  /**
   * 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息
   */
  onError: function (msg) {
    
  }
})

6. 页面的生命周期函数

小程序的页面生命周期函数需要在页面的js文件中声明,

// pages/my/my.js
Page({

    /**
     * 页面的初始数据
     */
    data: {

    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {

    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {

    }
})