微信小程序App生命周期详解

前言

当我们开发微信小程序时，了解小程序的生命周期会对我们的开发、调试以及项目的性能优化有很大的帮助。因此，本篇文章将详细讲解微信小程序App生命周期。

在小程序中，App() 函数定义了小程序的入口，并且会在小程序初始化时被调用一次，即小程序启动时。此刻，小程序的生命周期被拉开。

生命周期

在微信小程序开发中，App() 生命周期分为以下7个阶段：

1. onLaunch
2. onShow
3. onHide
4. onError
5. onPageNotFound
6. onUnhandledRejection
7. onThemeChange

下面我们分别对每个阶段进行详解。

onLaunch

当小程序启动时，onLaunch函数将被调用。

App({
  onLaunch() {
    // 小程序初始化完成时触发
  }
})

在这个钩子函数中，我们可以进行一些小程序的初始化操作，例如获取用户信息、获取网络状态等。需要注意的是，当小程序被用户从后台进入前台打开时，此函数不会被调用。

onShow

当小程序启动后，onShow函数将被调用。另外，当小程序从后台进入前台时，此函数也会被调用。

App({
  onShow() {
    // 小程序启动/进入前台时触发
  }
})

在onShow函数中，我们可以进行一些小程序的业务逻辑操作，例如监控小程序当前的网络状态，统计小程序的打开次数等。需要注意的是，在onLaunch函数中获取的用户信息，保存到全局变量中，在这里可以被直接使用。

示例：

App({
  onLaunch: function() {
    console.log('App Launch')
  },
  onShow: function(options) {
    console.log('App Show')
    console.log(options)
  }
})

onHide

当小程序从前台进入后台时，onHide函数将被调用。

App({
  onHide() {
    // 小程序进入后台时触发
  }
})

在这个钩子函数中，我们可以进行一些小程序的埋点操作，例如记录用户活跃时长，回收一些资源等。需要注意的是，当小程序被用户从后台再次打开时，此函数不会被调用。

示例：

App({
  onHide: function() {
    console.log('App Hide')
  }
})

onError

当小程序出现错误时，onError函数将被调用。

App({
  onError() {
    // 小程序出现错误时触发
  }
})

在这个钩子函数中，我们可以进行一些错误日志的上报操作，例如调用第三方错误上报服务。

示例：

App({
  onError: function(msg) {
    console.log(msg)
  }
})

onPageNotFound

当小程序发生页面不存在的情况时，onPageNotFound函数将被调用。

App({
  onPageNotFound() {
    // 小程序发生页面不存在的情况时触发
  }
})

在这个钩子函数中，我们可以进行一些小程序页面未找到时的跳转操作，例如跳转到小程序首页或者提示用户页面不存在等。

示例：

App({
  onPageNotFound: function() {
    console.log('页面不存在')
  }
})

onUnhandledRejection

当小程序Promise出现未被处理的情况时，onUnhandledRejection函数将被调用。

App({
  onUnhandledRejection() {
    // 小程序Promise出现未处理的情况时触发
  }
})

在这个钩子函数中，我们可以进行一些Promise未处理时的操作，例如调用第三方Promise处理插件等。

示例：

App({
  onUnhandledRejection: function() {
    console.log('Promise未被正常处理')
  }
})

onThemeChange

当小程序的系统主题发生改变时，onThemeChange函数将被调用。

App({
  onThemeChange() {
    // 小程序系统主题发生改变时触发
  }
})

在这个钩子函数中，我们可以进行一些主题发生变化时的操作，例如修改小程序颜色主题等。

示例：

App({
  onThemeChange: function() {
    console.log('小程序主题发生改变')
  }
})

结语

以上就是微信小程序App生命周期的详解。

尽管不是每个小程序都需要用到所有的生命周期钩子函数，但是通过了解小程序生命周期的差异，我们可以更有效地调试和优化小程序，从而提高小程序的性能。

另外，不同的小程序库可能会有不同的生命周期表现。因此，在开发时需要确保正确理解小程序的生命周期使用方法。