1. 程式人生 > 實用技巧 >關於小程式事件載入次序

關於小程式事件載入次序

1.小程式(特指微信小程式)頁面展開會載入以下的事件:onLoad,onReady,onShow,onHide,onUnload等事件;

 (1)onLoad:生命週期函式--監聽頁面載入,即初始化頁面時會執行此函式,

(2)onReady:生命週期函式--監聽頁面初次渲染完成,即載入完成後會進行執行,

(3)onShow:生命週期函式--監聽頁面顯示,每次顯示會載入

(4)onHide:生命週期函式--監聽頁面隱藏,事件的監聽,執行跳轉等會觸發事件,

(5)onUnload:生命週期函式--監聽頁面解除安裝,即頁面的銷燬,

  注:在wx.navigateTo不會觸發事件5,

綜上:從頁面的建立以及銷燬,可以排序為:1,3,4,2,4,5

/**
   * 生命週期函式--監聽頁面載入
   */
onLoad: function (options) {
    console.log(11111);

  },
  

  /**
   * 生命週期函式--監聽頁面初次渲染完成
   */
  onReady: function () {
    console.log(2222);
  },

  /**
   * 生命週期函式--監聽頁面顯示
   */
  onShow: function (options) {
    console.log(3333);
   
  },

  /**
   * 生命週期函式--監聽頁面隱藏
   */
  onHide: function () {
    console.log(44444);

  },

  /**
   * 生命週期函式--監聽頁面解除安裝
   */
  onUnload: function () {
    console.log(5555);
  },

  結果如下

2.在函式中

onLaunch:會先於onload執行,但是其結果由於非同步會後於onload.