微信小程序开发的生命周期功能和生命周期功能的执行顺序是什么

小程序开发


浏览:759 次

前言

通过理解生命周期函数,您可以更好地将代码放在正确的位置。例如,某些函数在生命周期(onLoad)中只执行一次,因此您可以在此函数中对界面中可能使用的属性执行一些初始化操作,这便于将来查看和管理。好吧,我不需要多说。请看下面的内容。

什么是生命周期功能

/**

*生命周期函数——监听页面加载。页面只能调用一次

*/

加载(){

安慰日志(“app加载”);

},

/**

*生命周期函数——聆听页面第一次呈现的完成情况。一个页面只能调用一次,这意味着该页面已准备好与视图层交互。

*/

onReady:函数(){

安慰日志(“app就绪”);

},

/**

*生命周期功能——监控页面的显示

*/

onShow:函数(){

安慰日志(“app显示”);

},

/**

*生命周期功能——隐藏监听页面

*/

onHide:函数(){

安慰日志(“app隐藏”);

},

/**

*生命周期功能--侦听页面卸载

*/

onUnload:函数(){

安慰日志(“卸载时应用”);

},

以界面A为例,当其他界面的PUSH进入页面A时,页面A中生命周期函数的执行顺序(从上到下)

/**

*生命周期功能——监听页面加载

*/

加载(){

安慰日志(“app加载”);

},

/**

*生命周期功能——监控页面的显示

*/

onShow:函数(){

安慰日志(“app显示”);

},

/**

*生命周期函数——聆听页面第一次呈现的完成情况

*/

onReady:函数(){

安慰日志(“app就绪”);

},

当其他接口的POP进入页面A时,页面A中生命周期功能的执行顺序(从上到下)

/**

*生命周期功能——监控页面的显示

*/

onShow:函数(){

安慰日志(“app显示”);

},

将接口A弹出到其他接口时,页面A中生命周期函数的执行顺序(从上到下)

/**

*生命周期功能--侦听页面卸载

*/

onUnload:函数(){

安慰日志(“卸载时应用”);

},

当将页面A从前台切换到后台时,生命周期的执行顺序在页面A中起作用(从上到下)

/**

*生命周期功能——隐藏监听页面

*/

onHide:函数(){

安慰日志(“app隐藏”);

},

当将页面A从后台切换到前台时,生命周期的执行顺序在页面A中起作用(从上到下)

/**

*生命周期功能——监控页面的显示

*/

onShow:函数(){

安慰日志(“app显示”);

},

为什么onLaunch函数不包含在生命周期函数中?这是一个解释。onLaunch功能很特殊。它只在appJs中工作,整个程序在运行时只执行一次(相当于iOS开发中的单个实例,在整个过程中只创建一次),并且在其生命周期功能之前执行。只要满足条件,上述生命周期功能可以在每个类(A类、B类、C类……)中执行。所以我们应该在这里做出区分。

/**

*生命周期功能——当小程序初始化完成时,将触发onLaunch(仅全局一次)

*/

onLaunch:函数(){

安慰日志(“app启动”);

},

如果有什么问题,你可以回复并改正