04. 生命周期
于2023-05-06 18:21:15发布
54
APP生命周期
注册小程序,接受一个 Object 参数,其指定小程序的生命周期回调等。App() 必须在 app.js 中调用,必须调用且只能调用一次。不然会出现无法预期的后果。
属性 | 类型 | 默认值 | 必填 | 说明 | 最低版本 |
---|---|---|---|---|---|
onLaunch | function | 否 | 小程序初始化完成时触发,全局只触发一次 | ||
onShow | function | 否 | 小程序启动,或从后台进入前台显示时触发 | ||
onHide | function | 否 | 小程序从前台进入后台时触发 | ||
onError | function | 否 | 小程序发生脚本错误或 API 调用报错时触发 | ||
onPageNotFound | function | 否 | 小程序要打开的页面不存在时触发 | 1.9.90 | |
onUnhandledRejection | function | 否 | 小程序有未处理的 Promise 拒绝时触发 | 2.10.0 | |
onThemeChange | function | 否 | 系统切换主题时触发 | 2.11.0 |
示例代码
App({
/**
* 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
*/
onLaunch: function () {
},
/**
* 当小程序启动,或从后台进入前台显示,会触发 onShow
*/
onShow: function (options) {
},
/**
* 当小程序从前台进入后台,会触发 onHide
*/
onHide: function () {
},
/**
* 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息
*/
onError: function (msg) {
}
})
更多详细的方法请参考: https://www.w3cschool.cn/weixinapp/weixinapp-x1yr38qk.html
页面生命周期
对于小程序中的每个页面,都需要在页面对应的 js 文件中进行注册,指定页面的初始数据、生命周期回调、事件处理函数等。
简单的页面可以使用 Page() 进行构造。
代码示例:
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
详细的参数含义和使用请参考 Page 参考文档 。