小程序生命周期

小程序生命周期是指小程序從創建到關閉的整個過程，包括小程序啟動、進入前台、進入後台、銷毀等幾個階段，這些階段中都會觸發不同的生命周期函數，開發者可以利用這些函數進行相應的操作。

一、小程序啟動

小程序啟動指的是小程序被打開時的一瞬間，此時會觸發App生命周期函數onLaunch，在此生命周期函數中可以進行小程序的初始化操作，比如註冊小程序。

//app.js
App({
  onLaunch: function () {
    console.log('小程序啟動')
  }
})

此外，還可以利用小程序的全局Data來緩存小程序數據，以便在後續頁面中使用。

//app.js
App({
  globalData: {
    userInfo: null
  }
})

二、進入前台

當小程序從後台進入前台時，會觸發App生命周期函數onShow，此時可以進行一些與用戶互動有關的操作，比如獲取用戶信息。

//app.js
App({
  onShow: function () {
    console.log('小程序進入前台')
  }
})

同時，頁面級別的生命周期函數onLoad、onShow、onReady也會觸發。

//index.js
Page({
  onLoad: function () {
    console.log('首頁加載')
  },
  onShow: function () {
    console.log('首頁顯示')
  },
  onReady: function () {
    console.log('首頁渲染完成')
  }
})

三、進入後台

當小程序從前台進入後台時，會觸發App生命周期函數onHide，此時可以進行一些資源的釋放操作。

//app.js
App({
  onHide: function () {
    console.log('小程序進入後台')
  }
})

同時，頁面級別的生命周期函數onHide也會觸發。

//index.js
Page({
  onHide: function () {
    console.log('首頁隱藏')
  }
})

四、銷毀

當小程序被關閉時，會觸發App生命周期函數onUnload，此時可以進行一些資源的釋放操作。

//index.js
Page({
  onUnload: function () {
    console.log('首頁銷毀')
  }
})

需要注意的是，在頁面隱藏和銷毀時，需要進行事件的解綁，避免因事件引起的內存泄漏。

五、小結

通過對小程序生命周期的介紹，我們了解了小程序從啟動到銷毀的整個過程，並了解了各個生命周期函數的觸發時機和可以進行的操作。