初识小程序-生命周期

78 阅读1分钟

生命周期的分类

  1. 应用生命周期:特指小程序从启动-> 运行 ->销毁的过程
  2. 页面声明周期:特指小程序中每个页面的加载->渲染->销毁的过程

如图:应用生命周期,包含页面生命周期

image.png

生命周期函数:是由小程序矿建提供的内置函数,会伴随生命周期,自动按次序执行

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

注意:生命周期强调的是时间段,生命周期函数强调的是时间点

小程序应用生命周期函数需要再APP.JS中进行生命,如:

// app.js
App({
  // 初始化完成时触发,执行此函数,全局只会触发一次,可以做初始化工作
  onLaunch(options) {},
  // 小程序启动,从后台进入前台时触发
  onShow(options){},
  // 小程序从前台进入后台触发
  onHide(options){},
})

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

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