1、小程序生命周期
（1）首先小程序的生命周期函數是在app.js里面調用的，App(Object)函數用來注冊一個小程序。接受一個 Object 參數，指定其小程序的生命周期回調；一般有onLaunch監聽小程序初始化、onShow監聽小程序顯示、onHide監聽小程序隱藏等生命周期回調函數。
小程序生命周期-截圖來自小程序官網
（2）看文字對概念有點模糊對不對？理解概念的最好方法就是上手實際操作一遍。那么，我們來看看當打開一個小程序的時候，到底是onLaunch、onShow、onHide哪個先調用以及什么時候開始調用的。
onLaunch() {
console.log('onLaunch監聽小程序初始化'); } onShow() { console.log('onShow監聽小程序顯示'); } onHide() { console.log('onLaunch監聽小程序隱藏'); } 
打開小程序
點擊右上角按鈕隱藏小程序有再次進入
（3）從中我們可以知道小程序的生命周期函數的調用順序為：onLaunch>onShow>onHide
2、頁面的生命周期
（1）頁面生命周期函數就是當你每進入/切換到一個新的頁面的時候，就會調用的生命周期函數。Page(Object) 函數用來注冊一個頁面。接受一個Object類型參數，其指定頁面的初始數據、生命周期回調、事件處理函數等。
頁面生命周期-截圖來自小程序官網
（2）老規矩，我們用代碼來演示下各個頁面生命周期函數的先后順序。
onLoad(options) {
console.log('onLoad監聽頁面加載'); } onReady() { console.log('onReady監聽頁面初次渲染完成'); } onShow() { console.log('onShow監聽頁面顯示'); } onHide() { console.log('onHide監聽頁面隱藏'); } onUnload() { console.log('onUnload監聽頁面卸載'); } 
頁面生命周期函數
從中我們可以知道小程序的生命周期函數的調用順序為：onLoad>onReady>onShow；至於onHide函數就是當隱藏頁面的時候觸發。
3、小結
由此我們知道了“小程序程序生命周期函數”和“頁面生命周期函數”的調用順序；這兩者之間的事件順序一般如上圖所示小程序周期函數在前，頁面周期函數觸發在后；
但是，這 並不是絕對的，比如，有時候就會存在頁面onLoad函數比小程序app的
作者：Ewall_
鏈接：https://www.jianshu.com/p/3f43eaa83bbd
來源：簡書
簡書著作權歸作者所有，任何形式的轉載都請聯系作者獲得授權並注明出處。