微信小程序代码详解(微信小程序实战004)

什么是生命周期

指一个对象从创建到销毁的一系列过程,从实例创建到销毁期间伴随着各种各样的事件触发。比如Vue实例在被创建时要经过一系列的初始化过程中需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。在这期间Vue提供了许多生命周期函数供用户在整个Vue实例的过程时更好的控制逻辑,得到用户想要的效果。

微信小程序代码详解(微信小程序实战004)(1)

小程序同样有着自己的生命周期函数,小程序分为应用、页面和组件三个部分,每个部分都有着相应的生命周期。很多朋友容易将小程序中的生命周期混淆,今天我们来一起认识下小程序的生命周期函数吧。

微信小程序代码详解(微信小程序实战004)(2)

应用生命周期函数

应用生命周期函数指小程序从用户启动小程序到销毁小程序期间用来监听小程序的函数,小程序通过在app.js文件中的App(Object) 函数来指定小程序的生命周期回调函数。小程序启动会依次执行onLaunch,onShow方法,当小程序进入后台隐藏时执行onHide方法。

这里需要注意的是当用户点击右上角关闭或者按设备返回键键离开小程序,此时小程序并没有直接销毁而是进入了后台(只有小程序后台运行一定时间或系统资源占用过高才会被自动销毁),当再次进入小程序时又会从后台进入启动。

微信小程序代码详解(微信小程序实战004)(3)

页面生命周期函数

在小程序中一个页面的加载到销毁同样是有生命周期的,页面通过在对应js文件中的Page(Object)函数来指定当前页面的生命周期回调函数。小程序加载页面会依次执行onLoad,onReady和onShow方法,而前后台切换则分别执行onHide和onShow方法,最后当页面销毁时会执行onUnload方法。

微信小程序代码详解(微信小程序实战004)(4)

组件生命周期函数

组件的生命周期指的是组件自身的一些函数,这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发。组件可以在Component()构造器中定义生命周期回调函数,组件被调用时会依次执行created、attached 和ready方法,当组件被移动时执行moved方法,最后当组件销毁时会执行detached 方法。

微信小程序代码详解(微信小程序实战004)(5)

组件所在页面的生命周期

组件中还有一个特殊的生命周期,它们并非与组件有很强的关联但有时组件需要获知以便组件内部处理。这样的生命周期称为“组件所在页面的生命周期”,可以在Component()构造器中的pageLifetimes对象中定义。

微信小程序代码详解(微信小程序实战004)(6)

总结:

以上内容是小编给大家分享的微信小程序实战004:各种生命周期函数详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页