微信小程序笔记（3）：小程序的生命周期及其相关函数

小程序的生命周期

下图来自微信的官网文档，该图片描述的小程序从开始运行到卸载的整个生命周期过程，故在此贴出：

从中我们可以看出，小程序的生命周期可以分为：

1. 应用生命周期
2. 页面生命周期

这两个生命周期分别在Page()和App()中构造时调用了大量的相关函数(我们称之为生命周期函数！)
在了解生命周期函数之前我们还需要了解两个重要的概念：

前台与后台

小程序在运行时往往会进入不同的状态，我们把不同的状态进行整合，主要可以分为两种状态：

• 后台
  • 点击左上角关闭。
  • 按了设备 Home 键离开微信，并没有直接销毁，而是进入后台
• 前台
  • 正常运行和使用中。
  • 进入后台后再次进入微信或再次打开小程序，相当于从后台进入前台。

小程序注册中的生命周期回调函数

onLaunch

初始化小程序时触发，全局只触发一次

onShow

小程序初始化完成或用户从后台切换到前台显示时触发

onHide

用户从前台切换到后台隐藏时触发

onError

小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息

页面注册中的生命周期回调函数

onLoad(Object query)

页面加载时触发。一个页面只会调用一次，可以在 onLoad 的参数中获取打开当前页面路径中的参数。

onShow()

页面显示/切入前台时触发。

onReady()

页面初次渲染完成时触发。一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。

onHide()

页面隐藏/切入后台时触发。 如 wx.navigateTo 或底部 tab 切换到其他页面，小程序切入后台等。

onUnload()

页面卸载时触发。如wx.redirectTo或wx.navigateBack到其他页面时。