生命周期--小程序生命周期

生命周期

一、 【 什么是生命周期】

生命周期（Life Cycle）是指一个对象从 创建-->运行-->销毁的整个阶段，强调的是一个 时间段

例：

• 一个人的出生，就是生命周期的开始
• 一个人的死亡，就是生命周期的结束
• 这个人的一生，就是生命周期

对于小程序来说：

• 小程序的 启动，表示 生命周期的开始
• 小程序的 关闭，表示 生命周期的结束
• 中间小程序运行的过程，就是小程序的生命周期

二、 【 生命周期的分类】

①应用生命周期      （范围大）

• 小程序从启动-->运行-->销毁的过程

②页面生命周期       （范围小）

• 小程序当中的页面，每个页面的加载-->渲染-->销毁的过程

注：应用生命周期包含页面生命周期

三、 【 生命周期函数】

生命周期函数：是由小程序框架提供的 内置函数，会伴随着生命周期 ，自动按次序执行

生命周期函数的作用：允许程序员 在特定的时间点，执行某些特定的操作

注： 生命周期 强调的是 时间段 ， 生命周期函数 强调的是 时间点

四 、【 生命周期函数的分类】

①应用生命周期函数

• 小程序从启动-->运行-->销毁期间依次调用的那些函数

②页面生命周期函数

• 小程序当中的页面，每个页面的加载-->销毁期间依次调用的那些函数

五、【应用的 生命周期函数】

小程序的应用生命周期函数，需要在app.js中进行声明

注：我们打开app.js时，会看到页面中存在一个App({}),我们可以将它折叠统一删除，重新输入App，自己调用App函数，这时会自动帮我们生成onLaunch、onShow、onHide这三个应用生命周期函数

App({
  /**
   * 当小程序初始化完成时，会触发 onLaunch（全局只触发一次）
   */
  onLaunch: function () {},
  /**
   * 当小程序启动，或从后台进入前台显示，会触发 onShow
   */
  onShow: function (options) {},
  /**
   * 当小程序从前台进入后台，会触发 onHide
   */
  onHide: function () {},
})

五、【页面的 生命周期函数】

小程序的 页面生命周期函数，需要在 .js中进行声明

Page({
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {},
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {},
  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {},
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {},
  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {},
})