03.05 微信小程序實戰004:各種生命週期函數詳解

什麼是生命週期

指一個對象從創建到銷燬的一系列過程,從實例創建到銷燬期間伴隨著各種各樣的事件觸發。比如Vue實例在被創建時要經過一系列的初始化過程中需要設置數據監聽、編譯模板、將實例掛載到 DOM 並在數據變化時更新 DOM 等。在這期間Vue提供了許多生命週期函數供用戶在整個Vue實例的過程時更好的控制邏輯,得到用戶想要的效果。

微信小程序實戰004:各種生命週期函數詳解

小程序同樣有著自己的生命週期函數,小程序分為應用、頁面和組件三個部分,每個部分都有著相應的生命週期。很多朋友容易將小程序中的生命週期混淆,今天我們來一起認識下小程序的生命週期函數吧。

微信小程序實戰004:各種生命週期函數詳解

應用生命週期函數

應用生命週期函數指小程序從用戶啟動小程序到銷燬小程序期間用來監聽小程序的函數,小程序通過在app.js文件中的App(Object) 函數來指定小程序的生命週期回調函數。小程序啟動會依次執行onLaunch,onShow方法,當小程序進入後臺隱藏時執行onHide方法。

這裡需要注意的是當用戶點擊右上角關閉或者按設備返回鍵鍵離開小程序,此時小程序並沒有直接銷燬而是進入了後臺(只有小程序後臺運行一定時間或系統資源佔用過高才會被自動銷燬),當再次進入小程序時又會從後臺進入啟動。

微信小程序實戰004:各種生命週期函數詳解

頁面生命週期函數

在小程序中一個頁面的加載到銷燬同樣是有生命週期的,頁面通過在對應js文件中的Page(Object)函數來指定當前頁面的生命週期回調函數。小程序加載頁面會依次執行onLoad,onReady和onShow方法,而前後臺切換則分別執行onHide和onShow方法,最後當頁面銷燬時會執行onUnload方法。

微信小程序實戰004:各種生命週期函數詳解

組件生命週期函數

組件的生命週期指的是組件自身的一些函數,這些函數在特殊的時間點或遇到一些特殊的框架事件時被自動觸發。組件可以在Component()構造器中定義生命週期回調函數,組件被調用時會依次執行created、attached 和ready方法,當組件被移動時執行moved方法,最後當組件銷燬時會執行detached 方法。

微信小程序實戰004:各種生命週期函數詳解

組件所在頁面的生命週期

組件中還有一個特殊的生命週期,它們並非與組件有很強的關聯但有時組件需要獲知以便組件內部處理。這樣的生命週期稱為“組件所在頁面的生命週期”,可以在Component()構造器中的pageLifetimes對象中定義。

微信小程序實戰004:各種生命週期函數詳解

總結:

以上內容是小編給大家分享的微信小程序實戰004:各種生命週期函數詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回覆大家的。


分享到:


相關文章: