为初学者解析微信小程序的生命周期-CSDN博客

本文链接：https://blog.csdn.net/wx_linying1029/article/details/140626063

微信小程序的生命周期是指小程序在运行过程中，不同阶段会触发不同的事件回调函数。这些回调函数可以在小程序的页面或组件中进行定义和处理。下面我将详细解析微信小程序的生命周期内容，并给出相应的代码案例。

一、小程序的生命周期阶段

小程序的启动阶段：

onLaunch：小程序初始化完成时触发，此时小程序还没有渲染页面，可以进行一些全局的初始化操作。例如获取用户信息、判断用户是否登录等。
onShow：小程序启动或从后台进入前台显示时触发，可以获取到小程序的启动场景。例如通过场景值判断用户是通过扫码、分享等方式进入的。

小程序的显示阶段：

onShow：小程序启动或从后台进入前台显示时触发。此时小程序已经渲染页面，可以进行一些与页面相关的操作，例如获取页面的参数、发送请求等。
onHide：小程序从前台进入后台时触发，可以进行一些与页面相关的操作，例如停止页面的动画、清除定时器等。

小程序的隐藏阶段：

onHide：小程序从前台进入后台时触发，可以进行一些与页面相关的操作，例如停止页面的动画、清除定时器等。
onShow：小程序从后台进入前台显示时触发。此时小程序已经渲染页面，可以进行一些与页面相关的操作，例如获取页面的参数、发送请求等。

小程序的卸载阶段：

onUnload：小程序被关闭时触发，可以进行一些资源的释放操作，例如关闭数据库连接、清理缓存等。

二、小程序生命周期的使用示例

app.js文件中的生命周期函数：

App({
  onLaunch: function () {
    console.log('小程序初始化完成');
  },
  onShow: function (options) {
    console.log('小程序启动或从后台进入前台显示');
    console.log('启动场景：', options.scene);
  },
  onHide: function () {
    console.log('小程序从前台进入后台');
  },
  onError: function (msg) {
    console.log('小程序发生错误：', msg);
  },
  onPageNotFound: function (options) {
    console.log('小程序页面不存在：', options.path);
  }
});

页面中的生命周期函数：

Page({
  data: {},
  onLoad: function (options) {
    console.log('页面加载完成');
    console.log('页面参数：', options);
  },
  onShow: function () {
    console.log('页面显示');
  },
  onHide: function () {
    console.log('页面隐藏');
  },
  onUnload: function () {
    console.log('页面卸载');
  },
  onReady: function () {
    console.log('页面初次渲染完成');
  },
  onPullDownRefresh: function () {
    console.log('下拉刷新');
  },
  onReachBottom: function () {
    console.log('上拉触底');
  },
  onShareAppMessage: function () {
    console.log('用户点击分享');
    return {
      title: '分享标题',
      path: '/pages/index/index'
    };
  },
  onTabItemTap: function (item) {
    console.log('用户点击Tab项');
    console.log('Tab项信息：', item);
  }
});

三、小程序生命周期的注意事项