前言
了解生命周期函数你才能更好的将代码放在合适的位置。例如有些函数在生命周期里面只执行一次(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');
},