什麼是生命週期

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

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

應用生命週期函式

應用生命週期函式指小程式從使用者啟動小程式到銷燬小程式期間用來監聽小程式的函式，小程式通過在app.js檔案中的App(Object) 函式來指定小程式的生命週期回撥函式。小程式啟動會依次執行onLaunch，onShow方法，當小程式進入後臺隱藏時執行onHide方法。

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

頁面生命週期函式

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

元件生命週期函式

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

元件所在頁面的生命週期

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

總結：

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