微信小程式 生命週期方法詳解

2022-04-03 21:15:15 字數 1512 閱讀 8601

生命週期是指乙個小程式從建立到銷毀的一系列過程

先來看一張小程式專案結構

以下是各個生命週期方法作用和描述

onlaunch 生命週期函式--監聽小程式初始化 當小程式初始化完成時,會觸發 onlaunch(全域性只觸發一次)

onshow 生命週期函式--監聽小程式顯示 當小程式啟動,或從後台進入前台顯示,會觸發 onshow

onhide 生命週期函式--監聽小程式隱藏 當小程式從前台進入後台,會觸發 onhide

onerror 錯誤監聽函式 當小程式發生指令碼錯誤,或者 api 呼叫失敗時,會觸發 onerror 並帶上錯誤資訊

其他 any 開發者可以新增任意的函式或資料到 object 引數中,用 this 可以訪問

這是我們開啟乙個小程式列印出來的一些方法

其中 , onlaunch, onshow 方法會返回乙個引數物件, 裡面包含了三個引數 , path,query和scene ,path是開啟小程式的路徑

query是開啟小程式頁面url的引數,scene是開啟小程式的場景值

小程式切換到後台會執行以下2個方法

返回小程式前台

在page頁面中定義的生命週期方法

onload 生命週期函式--監聽頁面載入

onready 生命週期函式--監聽頁面初次渲染完成

onshow 生命週期函式--監聽頁面顯示

onhide 生命週期函式--監聽頁面隱藏

onunload 生命週期函式--監聽頁面解除安裝

page(,

onready: function () ,

onshow: function () ,

onhide: function () ,

onunload: function ()

})

其中,開啟小程式後會依次執行onload,onready和onshow方法

前後臺切換會分別執行onhide和onshow方法,

當小程式頁面銷毀時會執行 onunload方法

例如,我們在details.js中定義onunload方法

onunload: function () ,
當我們從首頁開啟乙個新頁面details.wxml,然後再關閉著這個頁面

從上圖可以看到頁面執行了onunload方法

例如: globaldata:

})//

other.js

微信小程式 生命週期

從三個方面來介紹小程式的生命週期 1.應用生命週期 onlaunch 初始化小程式時觸發,全域性只觸發一次 onshow 小程式初始化完成或使用者從後台切換到前台顯示時觸發 onhide 使用者從前台切換到後台隱藏時觸發 onerror 小程式發生指令碼錯誤,或者 api 呼叫失敗時,會觸發 one...

微信小程式 生命週期

生命週期 1.小程式註冊完成後,載入頁面,觸發onload方法。切記,onshow和onload的區別,onshow是每當進入這個頁面時就會觸發,而onload是載入進來時才觸發 2.頁面載入後觸發onshow方法,顯示頁面。3.首次顯示頁面,會觸發onready方法,渲染頁面元素和樣式,乙個頁面只...

微信小程式App生命週期詳解

微信小程式app生命週期 onlaunch 當小程式初始化完成時,會觸發 onlaunch 全域性只觸發一次 onshow 當小程式啟動,或從後台進入前台顯示,會觸發 onshow onhide 當小程式從前台進入後台,會觸發 onhide程式設計客棧 onerror 當小程式發生指令碼錯誤,或者 ...