微信小程序生命周期详解

微信小程序的生命周期是开发小程序时需要了解的重要内容之一。理解生命周期可以让开发者更好地掌握小程序的全局事件和组件的状态变化。本文将全面介绍微信小程序的生命周期，包括整个小程序的生命周期和页面组件的生命周期，并通过示例说明各个生命周期的执行顺序和具体作用。

整个小程序的生命周期

整个小程序的生命周期包括小程序本身的生命周期和 App 实例的生命周期。

小程序本身的生命周期

小程序本身的生命周期是指从小程序启动到小程序关闭期间的整个过程。

onLaunch(options)

onLaunch 方法在小程序初始化完成时触发，此时页面还未显示出来，可在此方法内进行一些全局的初始化操作。

示例：

App({
  onLaunch(options) {
    console.log('App onLaunch', options);
  }
})

onShow(options)

onShow 方法在小程序启动或从后台进入前台时触发，可在此方法内进行判断，实现小程序从后台返回时需要执行的操作。

示例：

App({
  onShow(options) {
    console.log('App onShow', options);
  }
})

onHide()

onHide 方法在小程序进入后台时触发，可在此方法内进行操作，如清楚定时器或释放资源等。

示例：

App({
  onHide() {
    console.log('App onHide');
  }
})

onError()

onError 方法在小程序发生错误时触发，可在此方法中进行错误上报或提醒用户等操作。

示例：

App({
  onError(error) {
    console.log('App onError', error);
  }
})

App 实例的生命周期

App 实例的生命周期是指从小程序启动到小程序关闭期间的整个过程。

onLaunch(options)

onLaunch 方法和小程序本身的生命周期中的 onLaunch 方法作用相同。

onShow(options)

onShow 方法和小程序本身的生命周期中的 onShow 方法作用相同。

onHide()

onHide 方法和小程序本身的生命周期中的 onHide 方法作用相同。

onError()

onError 方法和小程序本身的生命周期中的 onError 方法作用相同。

onPageNotFound(options)

onPageNotFound 方法在小程序页面不存在时触发，可在此方法中跳转至错误页面等操作。

示例：

App({
  onPageNotFound(options) {
    console.log('App onPageNotFound', options);
  }
})

页面组件的生命周期

页面组件的生命周期是指从页面开始加载到页面销毁期间的整个过程。

小程序中的页面是由一个 json 文件和一个 js 文件组成，其中 js 文件中的 Page 函数即是页面组件。页面组件的生命周期包括组件本身的生命周期和页面的生命周期。

组件本身的生命周期

组件本身的生命周期包括组件创建、组件更新、组件销毁等阶段。

onLoad(options)

onLoad 方法在页面加载时触发，可在此方法内获取页面参数并进行一些初始化操作。

示例：

Page({
  onLoad(options) {
    console.log('Page onLoad', options);
  }
})

onShow()

onShow 方法在页面显示出来时触发，可在此方法中进行数据加载、定时器创建等操作。

示例：

Page({
  onShow() {
    console.log('Page onShow');
  }
})

onReady()

onReady 方法在页面初次渲染完成时触发，表示页面已经就绪，可以和视图进行交互操作。

示例：

Page({
  onReady() {
    console.log('Page onReady');
  }
})

onHide()

onHide 方法在页面隐藏时触发，可在此方法中释放不必要的资源等操作。

示例：

Page({
  onHide() {
    console.log('Page onHide');
  }
})

onUnload()

onUnload 方法在页面销毁时触发，可在此方法中进行一些清理操作。

示例：

Page({
  onUnload() {
    console.log('Page onUnload');
  }
})

页面的生命周期

页面的生命周期包括页面切换、页面前后台切换等阶段。

onShow()

onShow 方法和组件本身的生命周期中的 onShow 方法作用相同。

onHide()

onHide 方法和组件本身的生命周期中的 onHide 方法作用相同。

总结

微信小程序的生命周期是小程序开发中必须要掌握的内容，本文介绍了小程序和页面组件的生命周期，且通过示例详细讲解了每个生命周期的作用和执行顺序。