在我們學習微信小程序的過程當中，我們會參考很多資料。在這些資料中，我們經(jīng)常能夠看到“生命周期”四個字，在前面的課程中也提到過。在這里做一個說明。

生命周期是一類函數(shù)的統(tǒng)稱，這些函數(shù)在特殊的時間點或遇到一些特殊的框架事件時被自動觸發(fā)。他們的作用是負責監(jiān)聽一些操作或者狀態(tài)，當?shù)竭_了某些特殊的時間點或者發(fā)生了某些特殊的事件時，這些函數(shù)就會觸發(fā)，我們可以通過這種函數(shù)來在相應的時間點或事件下，實現(xiàn)我們的小程序應有的功能。

我們在小程序中主要研究三種生命周期：應用生命周期、頁面生命周期、組件生命周期。

應用生命周期

應用生命周期也稱小程序生命周期，是三種生命周期中相比之下比較易懂的一種，所以我們會重點介紹應用生命周期。掌握了應用生命周期可以為頁面生命周期和組件生命周期的掌握做好基礎。

應用生命周期主要包含五個函數(shù)：

屬性類型必填描述onLaunchFunction否監(jiān)聽小程序初始化onShowFunction否監(jiān)聽小程序啟動或切前臺onHideFunction否監(jiān)聽小程序切后臺onErrorFunction否錯誤監(jiān)聽函數(shù)onPageNotFoundFunction否頁面不存在監(jiān)聽函數(shù)

onLaunch

我們在創(chuàng)建一個新的微信小程序項目時，打開app.json文件，我們就可以看到一個叫做onLaunch的函數(shù)，如圖。

Luanch在英文中是“啟動”的意思。onLaunch函數(shù)在小程序啟動并完成初始化后觸發(fā)，只觸發(fā)一次。如上圖，小程序在讀取用戶的一些信息，可以在小程序的其他地方使用。

我們現(xiàn)在重新編寫onLaunch函數(shù)如下。

onLaunch: function () { console.log("Launch");}

這段程序所做的事情就是在小程序啟動、完成初始化后，在調試器的console中輸出一個“Launch”的字符串。

保存、編譯后，我們在console中得到了“Launch”字符串，如圖。

在onLaunch函數(shù)中，我們可以像其中添加自己想要進行的初始操作，例如獲取用戶信息、申請權限、獲取服務器數(shù)據(jù)等，為小程序的后續(xù)功能提供方便。

onShow

Show，即為出現(xiàn)。在屏幕上從無到有，從非當前小程序變?yōu)楫斍靶〕绦?#xff0c;即為出現(xiàn)一次。對于微信小程序的消失與重現(xiàn)，無非是從別的地方切到了這個小程序當中，把這個小程序切到了前臺。

我們在onLaunch的同層級同樣編寫一個onShow函數(shù)如下，以測試onShow函數(shù)的執(zhí)行時間點。(下面測試的onHide、onError和onPageNotFound都是在這個層級)

onShow: function () { console.log("Show");}

在開發(fā)者工具中，有切后臺的測試功能，即模擬各種情況之中將小程序從后臺切回前臺的狀況。我們隨意選擇幾種，每次將小程序切回前臺，都會輸出一個“Show”字符串。請大家自己嘗試。

這里需要注意的是，小程序啟動、進行初始化的時間點也屬于出現(xiàn)一次。

將onShow函數(shù)和onLuanch函數(shù)放到一起，重新啟動小程序，會發(fā)現(xiàn)，onLuanch的執(zhí)行時間點早于onShow的執(zhí)行時間點。

onHide

Hide，即為隱藏。與onShow相反，onHide的時間點是微信小程序被切到后臺時開始執(zhí)行。通過onHide函數(shù)，我們可以實現(xiàn)小程序被切到后臺后，計時器暫停計時、統(tǒng)計切后臺次數(shù)等自己想要的功能。

測試代碼如下：

onHide: function () { console.log("Hide");}

和之前的測試代碼一樣，在執(zhí)行onHide函數(shù)時我們會在console中得到一個“Hide”字符串。

當我們點擊開發(fā)者工具中切后臺的按鍵的一瞬間，就可以得到“Hide”字符串了。大家可以自行嘗試。

onError

Error是錯誤的意思。onError函數(shù)的執(zhí)行時間點是在我們的代碼運行出錯時執(zhí)行。

onError測試代碼如下：

onError: function (err) { console.log("Error"); console.log(err);}

onError函數(shù)與其他函數(shù)不同，我們需要傳遞一個參數(shù)err來記錄錯誤內容。當然這里給參數(shù)起的名字是err，起別的名字也可以，根據(jù)自己的習慣來命名即可。

這里我們給了onError函數(shù)兩個任務：當代碼執(zhí)行出錯時，先在console中輸出“Error”字符串，然后把錯誤信息輸出出來。

至于測試的方法有很多，例如我們可以在onLaunch或onShow中隨便加一行錯誤代碼，如下：

onShow: function () { console.log("Show"); abc}

這里abc就是一行錯誤代碼。之所以會想到用onLaunch和onShow，是因為這兩個函數(shù)在小程序一啟動就會執(zhí)行，方便測試。大家自己嘗試。

onPageNotFound

Page Not Found，是頁面沒有找到的意思。換言之，我們提供的頁面不存在，導致代碼執(zhí)行出現(xiàn)了錯誤。但是，在應用生命周期中的這個onPageNotFound，觸發(fā)是有一定條件的，它只有在小程序最初啟動時找不到啟動頁面才會觸發(fā)，其他情況下不會觸發(fā)。所謂的啟動頁面，可簡單理解為小程序運行后的第一個頁面。

我們先把測試代碼寫好：

onPageNotFound: function () { console.log("PageNotFound");}

我們的測試方法是：更改編譯模式。

我們首先在開發(fā)者工具的上方找到編譯設置，點擊普通編譯右側的倒三角，如圖。

選擇“添加編譯模式”，修改里面的啟動頁面，將其中的頁面修改成一個不存在的頁面即可。大家可以自行測試。修改后編譯，就會在console中輸出“PageNotFound”的字符串了。

對于其他的找不到頁面的情況，我們也可以去測試。例如在啟動初始化時我們想要跳轉到一個不存在的頁面，這種情況下不觸發(fā)onPageNotFound函數(shù)，我們可以在onLaunch函數(shù)中做出如下改動：

onLaunch: function () { wx.navigateTo({ url: 'pages/123/123', })}

我們在js文件和json文件中用wx.navigateTo實現(xiàn)導航功能，其效果與我們在wxml文件中寫的

abc

相同。這里不進行詳細介紹。

測試后我們會發(fā)現(xiàn)，這種情況下onPageNotFound不會被觸發(fā)。

與應用生命周期相關的API

與應用生命周期相關的較主要的API有兩種：

屬性類型描述wx.getLaunchOptionsSync()Object獲取小程序啟動時的參數(shù)wx.getEnterOptionsSync()Object獲取本次小程序啟動時的參數(shù)

wx.getLaunchOptionsSync()

微信開放文檔中的介紹：獲取小程序啟動時的參數(shù)，與App.onLaunch的回調參數(shù)一致。

我們先在onLaunch函數(shù)中寫如下代碼，以作測試：

onLaunch: function () { console.log(wx.getLaunchOptionsSync());}

這段代碼可以將wx.getLaunchOptionsSync()的返回值在console輸出。運行后可以得到如下結果：

這些都是onLaunch函數(shù)的回調參數(shù)，我們可以通過wx.getLaunchOptionsSync()來獲取這些參數(shù)。

wx.getLaunchOptionsSync()的相關值和referredInfo的結構，以及返回有效referredInfo的場景，詳見微信開放文檔：

https://developers.weixin.qq.com/miniprogram/dev/api/base/app/life-cycle/wx.getLaunchOptionsSync.html

wx.getEnterOptionsSync()

微信開放文檔中的介紹：獲取本次小程序啟動時的參數(shù)。如果當前是冷啟動，則返回值與 App.onLaunch 的回調參數(shù)一致；如果當前是熱啟動，則返回值與 App.onShow 一致。

冷啟動，可以理解為小程序第一次啟動，需要進行初始化的啟動，根據(jù)之前我們的學習可知，進行初始化后，小程序將執(zhí)行App.onLaunch和App.onShow兩個函數(shù)。此時的wx.getEnterOptionsSync()返回App.onLaunch的參數(shù)。

熱啟動，可以理解為已經(jīng)熱過身一般，已經(jīng)運行過，即為從后臺將小程序切到前臺。根據(jù)之前我們的學習，此時小程序只執(zhí)行App.onShow。那么wx.getEnterOptionsSync()返回App.onShow的參數(shù)。

onShow: function () { console.log(wx.getEnterOptionsSync());}

大家可以通過上面的代碼，分別對以下兩種情況進行測試：

a.冷啟動：編譯后運行

b.熱啟動：切后臺后返回小程序

觀察兩種情況的結果，與之前我們測試wx.getLaunchOptionsSync()所得到的結果相比對，大家可以自己嘗試。

其他與應用生命周期有關的API

獲取參數(shù)的應用級事件

屬性對應的應用生命周期wx.onAppShowApp.onShowwx.onAppHideApp.onHidewx.onErrorApp.onErrorwx.onPageNotFoundApp.onPageNotFound

取消監(jiān)聽的應用級事件

屬性取消監(jiān)聽wx.offAppShow小程序切前臺事件wx.offAppHide取消監(jiān)聽小程序切后臺事件wx.offError取消監(jiān)聽小程序錯誤事件wx.offPageNotFound小程序要打開的頁面不存在事件

此處不對以上API做詳細介紹。大家可以借鑒上文介紹的兩個API的研究方法，來對這些API進行學習。

新書介紹

以下是本人3月份出版的新書，拜托多多關注！

本書利用Python 的標準GUI 工具包tkinter，通過可執(zhí)行的示例對23 個設計模式逐個進行說明。這樣一方面可以使讀者了解真實的軟件開發(fā)工作中每個設計模式的運用場景和想要解決的問題；另一方面通過對這些問題的解決過程進行說明，讓讀者明白在編寫代碼時如何判斷使用設計模式的利弊，并合理運用設計模式。

對設計模式感興趣而且希望隨學隨用的讀者通過本書可以快速跨越從理解到運用的門檻；希望學習Python GUI 編程的讀者可以將本書中的示例作為設計和開發(fā)的參考；使用Python 語言進行圖像分析、數(shù)據(jù)處理工作的讀者可以直接以本書中的示例為基礎，迅速構建自己的系統(tǒng)架構。

---

覺得本文有幫助？請分享給更多人。

關注微信公眾號【面向對象思考】輕松學習每一天！

面向對象開發(fā)，面向對象思考！

總結

以上是生活随笔為你收集整理的页面生命周期_微信小程序的生命周期学习笔记-应用篇的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。