小程序的生命周期

小程序（如微信小程序、支付宝小程序等）作为一种轻量级应用，拥有自己独特的生命周期管理机制。理解小程序的生命周期，不仅有助于开发者合理组织代码，还能提升用户体验和应用性能。本文将围绕小程序的生命周期展开，介绍其作用、各阶段的主要任务以及执行顺序。

一、生命周期的作用

生命周期（Life Cycle）是指小程序从启动、运行到销毁的整个过程中的各个阶段。生命周期的作用主要体现在以下几个方面：

1. 资源管理：合理分配和释放资源，避免内存泄漏和性能浪费。
2. 数据初始化与更新：在合适的时机加载、刷新或保存数据，保证数据的时效性和准确性。
3. 用户体验优化：根据生命周期阶段，进行界面渲染、动画处理等，提升用户体验。
4. 事件响应：在生命周期的不同阶段，响应用户操作或系统事件，实现业务逻辑。

二、每个生命周期做什么事情

小程序的生命周期分为全局生命周期（App）和页面生命周期（Page）。下面分别介绍它们的主要阶段及常见用途。

1. App（全局）生命周期

• onLaunch(options)

  • 小程序初始化时触发（全局只触发一次）。
  • 常用操作：获取用户信息、初始化云开发环境、读取本地缓存等。

• onShow(options)

  • 小程序启动或从后台进入前台时触发。
  • 常用操作：刷新数据、检测登录状态、统计用户行为等。

• onHide()

  • 小程序从前台进入后台时触发。
  • 常用操作：保存数据、暂停定时器、关闭连接等。

• onError(error)

  • 小程序发生脚本错误或 API 调用失败时触发。
  • 常用操作：错误日志上报、友好提示等。

• onPageNotFound(res)

  • 小程序打开不存在的页面时触发。
  • 常用操作：跳转到首页或错误页。

2. Page（页面）生命周期

• onLoad(query)

  • 页面初始化时触发（每次进入页面都会触发）。
  • 常用操作：获取页面参数、请求数据、初始化页面状态等。

• onShow()

  • 页面显示/切入前台时触发。
  • 常用操作：刷新页面数据、启动动画等。

• onReady()

  • 页面首次渲染完成时触发（只触发一次）。
  • 常用操作：获取节点信息、初始化第三方组件等。

• onHide()

  • 页面隐藏/切入后台时触发。
  • 常用操作：暂停动画、保存页面状态等。

• onUnload()

  • 页面卸载时触发（如返回上一页）。
  • 常用操作：清理定时器、释放资源等。

• onPullDownRefresh()

  • 用户下拉页面时触发。
  • 常用操作：刷新页面数据。

• onReachBottom()

  • 页面滚动到底部时触发。
  • 常用操作：加载更多数据。

• onShareAppMessage()

  • 用户点击右上角分享时触发。
  • 常用操作：自定义分享内容。

三、生命周期的执行顺序

1. 小程序启动流程

1. App.onLaunch
2. App.onShow
3. Page.onLoad
4. Page.onShow
5. Page.onReady

2. 页面切换流程

• 从 A 页面跳转到 B 页面：

  1. A 页面：onHide
  2. B 页面：onLoad → onShow → onReady

• 返回 A 页面：

  1. B 页面：onUnload
  2. A 页面：onShow

3. 小程序进入后台/前台

• 进入后台：App.onHide，当前页面 onHide
• 回到前台：App.onShow，当前页面 onShow

四、总结

小程序的生命周期机制为开发者提供了清晰的事件节点，便于在合适的时机处理数据、管理资源和优化体验。掌握生命周期的作用、各阶段的任务及其执行顺序，是开发高质量小程序的基础。