每次建立一個頁面，會有四個檔案產生

生命週期函式就在後綴為.js的檔案中，先來看程式碼

// miniprogram/pages/News/News.js
Page({

  /**
   * Page initial data
   */
  data: {

  },

  /**
   * Lifecycle function--Called when page load
   */
  onLoad: function (options) {
    //第一次完整開啟小程式頁面時
    console.log("onLoad")

  },

  /**
   * Lifecycle function--Called when page is initially rendered
   
 
*/
  onReady: function () {
    //全部載入和顯示完成，可以提供給使用者進行操作的狀態
    console.log("onReady")

  },

  /**
   * Lifecycle function--Called when page show
   */
  onShow: function () {
    //每次從未啟用狀態變為啟用狀態時執行
    console.log("onShow")
    // wx.showModal({
    //   cancelColor: 'cancelColor',
    //   title: 'test',
    //
 
   content: 'onShow'
    // })

  },

  /**
   * Lifecycle function--Called when page hide
   */
  onHide: function () {
    //每次從啟用狀態變為未啟用狀態的執行
    console.log("Hide")

  },

  /**
   * Lifecycle function--Called when page unload
   */
  onUnload: function () {
    //正常關閉時的執行
    console.log("onUnload")

  },

  
 
/**
   * Page event handler function--Called when user drop down
   */
  onPullDownRefresh: function () {
    console.log("onPullDownRefresh")

  },

  /**
   * Called when page reach bottom
   */
  onReachBottom: function () {
    console.log("onReachBottom")

  },

  /**
   * Called when user click on the top right corner to share
   */
  onShareAppMessage: function () {
    console.log("onShareAppMessage")

  }
})

生命週期函式（Lifecycle function）：

onLoad()：第一次開啟頁面

onReady()：載入完成

onShow()：當頁面從未啟用狀態變為啟用狀態時

onHide()：當頁面從啟用狀態變為未啟用狀態時

onUnload()：正常關閉時

onPullDownRefresh()：當下拉頁面時重新整理

onReachBottom()：當頁面到達底部時

onShareAppMessage()：當用戶點選分享按鈕，即右上角"..."時

console.log是一個控制檯列印語句，也可以用console.info，如果想用彈窗效果的話，可以用wx.showModal。

將程式碼直接編譯一下，可以看出執行順序為

onLoad --> onShow --> onReady