小程序中的生命周期

「这是我参与2022首次更文挑战的第13天，活动详情查看：2022首次更文挑战」

小程序的生命周期

小程序的生命周期是指小程序从启动到关闭的整个运行过程

---

小程序生命周期的分类

在小程序中，生命周期分为俩类，分别是：

• 应用生命周期

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

• 页面生命周期

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

---

生命周期函数

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

• 生命周期函数的作用：允许开发在特定的时间点，执行某些特定的操作。例如，页面刚加载的时候，可以在 onLoad 生命周期函数中初始化页面的数据

• 注意：

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

---

生命周期函数的分类

小程序的生命周期函数分为俩类，分别是

• 应用的生命周期函数

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

• 页面的生命周期函数

  特指小程序中，每个页面从加载 -> 渲染 -> 销毁期间依次调用的那些函数

---

应用的生命周期函数

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

App({
    //当小程序初始化完成时，会触发 onLaunch（全局只触发一次）
    onLaunch: function () {  },
    
    //当小程序启动，或从后台进入前台显示，会触发 onShow
    onShow: function (options) {  },
    
    //当小程序从前台进入后台，会触发 onHide
    onHide: function () {  },
    
    //当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息
    onError: function (msg) {  }    
})

---

页面的生命周期函数

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

Page({

    //监听页面加载，一个页面只调用一次
    onLoad: function (options) { },

    //监听页面显示
    onShow: function () {  },
    
    //监听页面初次渲染完成，一个页面只调用一次
    onReady: function () {  },

    //监听页面隐藏
    onHide: function () {  },

    //监听页面卸载，一个页面只调用一次
    onUnload: function () {  },
})