微信小程序生命周期和頁(yè)面的生命周期

發(fā)表時(shí)間：2021-2-20

發(fā)布人：葵宇科技

瀏覽次數(shù)：45

1.小程序的生命周期——App.js

App() 必須在 app.js 中注冊(cè)，只能有一個(gè)。所以App（）方法在一個(gè)小程序中有且僅有一個(gè)對(duì)象。App() 函數(shù)用來注冊(cè)一個(gè)小程序。接受一個(gè) object 參數(shù)，其指定小程序的生命周期函數(shù)等。

通過表格的形式看App()中的object參數(shù)說明：

屬性	類型	描述	觸發(fā)時(shí)機(jī)
onLaunch	Function	生命周期函數(shù)–監(jiān)聽小程序初始化	當(dāng)小程序初始化完成時(shí)，會(huì)觸發(fā) onLaunch（全局只觸發(fā)一次）。
onShow	Function	生命周期函數(shù)–監(jiān)聽小程序顯示	當(dāng)小程序啟動(dòng)，或從后臺(tái)進(jìn)入前臺(tái)顯示，會(huì)觸發(fā) onShow
onHide	Function	生命周期函數(shù)–監(jiān)聽小程序隱藏	當(dāng)小程序從前臺(tái)進(jìn)入后臺(tái)，會(huì)觸發(fā) onHide
onError	Function	錯(cuò)誤監(jiān)聽函數(shù)	當(dāng)小程序發(fā)生腳本錯(cuò)誤，或者 api 調(diào)用失敗時(shí)，會(huì)觸發(fā) onError 并帶上錯(cuò)誤信息
其他	Any		開發(fā)者可以添加任意的函數(shù)或數(shù)據(jù)到 Object 參數(shù)中，用 this 可以訪問，上面的getPics就是函數(shù)， globalName是數(shù)據(jù)，這里面的函數(shù)和數(shù)據(jù)都是全局的。調(diào)用方式：在Pager中通過getApp()方法得到App對(duì)象并獲得全局的數(shù)據(jù)和調(diào)用全局的函數(shù)

App({ 
 onLaunch: function () { 
   console.log('App onLaunch'); 
  
 }, 
  
 onShow:function (){ 
   console.log('App onShow'); 
  
 }, 
  
 onHide:function(){ 
   console.log('App onHide'); 
  
 }, 
 onError:function(){ 
   console.log('App onError'); 
  
 }, 
  
 globalName: 'tangdekun'
  
});

將原有的app.js中替換為上面的代碼，首次打開小程序，可以在Log信息中看到以下Log信息,會(huì)看到onShow（）方法會(huì)執(zhí)行兩次

App onLaunch
App onShow()
App onShow()

前臺(tái)、后臺(tái)定義：當(dāng)用戶點(diǎn)擊左上角關(guān)閉，或者按了設(shè)備 Home 鍵離開微信，小程序并沒有直接銷毀，而是進(jìn)入了后臺(tái)；當(dāng)再次進(jìn)入微信或再次打開小程序，又會(huì)從后臺(tái)進(jìn)入前臺(tái)。
只有當(dāng)小程序進(jìn)入后臺(tái)一定時(shí)間，或者系統(tǒng)資源占用過高，才會(huì)被真正的銷毀。

注意：

1.不要在定義于 App() 內(nèi)的函數(shù)中調(diào)用 getApp() ，使用 this 就可以拿到 app 實(shí)例。

2.不要在 onLaunch 的時(shí)候調(diào)用 getCurrentPage()，此時(shí) page 還沒有生成。

3.通過 getApp() 獲取實(shí)例之后，不要私自調(diào)用生命周期函數(shù)。

2.頁(yè)面的生命周期

Page() 函數(shù)用來注冊(cè)一個(gè)頁(yè)面。接受一個(gè) object 參數(shù)，其指定頁(yè)面的初始數(shù)據(jù)、生命周期函數(shù)、事件處理函數(shù)等。

生命周期函數(shù)

onLoad: 頁(yè)面加載 
  一個(gè)頁(yè)面只會(huì)調(diào)用一次。 
  接收頁(yè)面參數(shù)  可以獲取wx.navigateTo和wx.redirectTo及<navigator/>中的 query。 
  
onShow: 頁(yè)面顯示 
  每次打開頁(yè)面都會(huì)調(diào)用一次。 
  
onReady: 頁(yè)面初次渲染完成 
  一個(gè)頁(yè)面只會(huì)調(diào)用一次，代表頁(yè)面已經(jīng)準(zhǔn)備妥當(dāng)，可以和視圖層進(jìn)行交互。 
  
onHide: 頁(yè)面隱藏 
  當(dāng)navigateTo或底部tab切換時(shí)調(diào)用。 
  
onUnload: 頁(yè)面卸載 
  當(dāng)redirectTo或navigateBack的時(shí)候調(diào)用。