小程序生命周期

一个对象从 出生->运行->销毁 的整个阶段（时间段）就是生命周期

生命周期分类

  • 应用生命周期
  • 页面生命周期

生命周期函数

小程序框架提供的内置函数，会伴随生命周期，依次自动执行

应用生命周期函数

应用生命周期函数需要在 app.js 中声明

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
App({
 /**
 * 当小程序初始化完成时，会触发 onLaunch（全局只触发一次）
 */
 onLaunch: function () { },

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

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

页面生命周期函数

页面生命周期函数需要在页面的 .js 文件中声明

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
page({
 /**
 * 生命周期函数--监听页面加载，一个页面只调用一次
 */
 onLoad: function (options) { },

 /**
 * 生命周期函数--监听页面初次渲染完成，一个页面只调用一次
 */
 onReady: function () { },

 /**

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

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

 /**
 * 生命周期函数--监听页面卸载，一个页面只调用一次
 */
 onUnload: function () { }
})