辉太郎看前端(小程序的生命周期函数)

前言

小程序中的生命周期函数分为两种：

• 全局生命周期函数(app.js中的生命周期函数)，称之为小程序生命周期函数。
• 局部生命周期函数(在单个页面中的生命周期函数)，称之为页面生命周期函数。

全局生命周期函数(app.js中)

App({
  //全局只触发一次，在用户首次打开小程序时触发
  onLaunch: function () {
  },
  //监听小程序的显示，也就是小程序从后台进入前台时触发
 onShow(){

 },
  //监听小程序的影藏，也就是小程序从前台进入后台时触发
 onHide(){

 },
//  监听小程序的错误，如果小程序中发生脚本错误或者api调用失败时会触发
 onError(){

 },
 //监听跳转页面时，页面不存在时会触发
 onPageNotFound(){

 }
})

局部生命周期函数(在每页页面的js文件中都会存在)

• 生命周期函数

Page({
  data: {
  
  },
  //用于监听小程序页面的加载，小程序注册完成后触发
  onLoad: function () {
   
  },
  //用于监听页面的显示，页面载入后会触发
  onShow(){

  },
  //用于监听页面初次渲染完成，首次显示页面会触发
  onReady(){

  },
  //用于监听页面的隐藏，当小程序后台运行或者跳转到其他页面时会触发
  onHide(){

  },
  //用于监听页面的卸载，当使用重定向方法wx.redirectTo()或者关闭当前页进入上一页wxwx.navigateBack()时会触发
  onUnload(){

  }
})

• 执行顺序

• onLoad === > onShow = ==>onReady
• 在onShow时，如果要进行页面操作跳转时，会触发onHide或者onUnload

区别

• 全局的定义在app.js中的App中，局部的定义在每个页面的js文件中的Page中
• 全局的只有一个，而局部的可以有多个，你有多少页面它就有多少。

总结

初出茅庐，请大佬多多指教。🙂