孙肖宁

微信小程序的生命周期
微信小程序的生命周期就是一个小程序从创建到销毁的整个过程。在app.js的文件中,定义了一些生命周期的方法,是针对...
扫描右侧二维码阅读全文
30
2018/08

微信小程序的生命周期

微信小程序的生命周期就是一个小程序从创建到销毁的整个过程。
在app.js的文件中,定义了一些生命周期的方法,是针对全局来使用的。

 App({

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

  /**
   * 当小程序从前台进入后台,会触发 onHide
   */
  onHide: function () {
    
  },

  /**
   * 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息
   */
  onError: function (msg) {
    
  }
})

onLaunch 生命周期函数--监听小程序初始化 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)。
onShow 生命周期函数--监听小程序显示 当小程序启动,或从后台进入前台显示,会触发 onShow。
onHide 生命周期函数--监听小程序隐藏 当小程序从前台进入后台,会触发 onHide。
onError 错误监听函数--当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息。

在pages的页面的js文件中,仅对当前页面有效:

Page({
 
  onLoad: function () {
    console.log('onLoad')
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    
  }
})

onLoad 生命周期函数--监听页面加载。
onReady 生命周期函数--监听页面初次渲染完成。
onShow 生命周期函数--监听页面显示。
onHide 生命周期函数--监听页面隐藏。
onUnload 生命周期函数--监听页面卸载。

打开小程序后会依次执行onLoadonReadyonShow方法,
前后台切换会分别执行onHideonShow方法,
当小程序页面销毁时会执行 onUnload方法。

Last modification:August 30th, 2018 at 09:38 am
If you think my article is useful to you, please feel free to appreciate

Leave a Comment