小程序的生命周期主要涉及到小程序本身的启动、显示、隐藏和结束,以及页面的加载、显示、隐藏和卸载。下面是一些主要的生命周期函数:
小程序全局的生命周期
- onLaunch: 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
- onShow: 当小程序启动,或从后台进入前台显示,会触发 onShow
- onHide: 当小程序从前台进入后台,会触发 onHide
- onError: 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError
- onPageNotFound: 当小程序要打开的页面不存在时触发,会带上页面信息回调该函数
页面的生命周期
- onLoad: 监听页面加载,其参数可以获取打开当前页面路径中的参数
- onShow: 监听页面显示,页面每次打开都会调用
- onReady: 监听页面初次渲染完成,一个页面只会调用一次
- onHide: 监听页面隐藏,当navigateTo或底部tab切换时调用
- onUnload: 监听页面卸载,当redirectTo或navigateBack的时候调用
示例代码
这里是一个简单的示例,展示如何在小程序中使用这些生命周期函数:
// app.js
App({
onLaunch: function() {
console.log('App Launch');
},
onShow: function() {
console.log('App Show');
},
onHide: function() {
console.log('App Hide');
},
onError: function(msg) {
console.log('App Error: ' + msg);
}
});
// index.js (某个页面)
Page({
onLoad: function(options) {
console.log('Page onLoad with options: ', options);
},
onShow: function() {
console.log('Page onShow');
},
onReady: function() {
console.log('Page onReady');
},
onHide: function() {
console.log('Page onHide');
},
onUnload: function() {
console.log('Page onUnload');
}
});