|
導讀微信小程序,簡稱小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應用,它實現了應用“觸手可及”的夢想,用戶掃一掃或搜一下即可打開應用。小程序是一種不用下載就能使用的應用,也是一... 微信小程序,簡稱小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應用,它實現了應用“觸手可及”的夢想,用戶掃一掃或搜一下即可打開應用。小程序是一種不用下載就能使用的應用,也是一項門檻非常高的創新,經過將近兩年的發展,已經構造了新的小程序開發環境和開發者生態。 本篇文章給大家帶來的內容是關于微信小程序Page構造函數以及生命周期函數的內容解析(附代碼),有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。一、將公共方法綁定到Page上 單個綁定 const oldPage = Page
Page = function(app) {
// 注意公共函數的名字不要重復,否則覆蓋
app.util = function() {}
return oldPage(app)
}多個綁定,文件綁定 const util = require('./util.js'); // 需要綁定的函數由util文件exports出來
const oldPage = Page
Page = function(app) {
let newPage = Object.assign({}, util, app)
return oldPage(newPage)
}二、擴展,修改生命周期函數 const oldPage = Page
Page = function(app) {
app.onLoad = function(options) { // 這里必須使用function, 不可以使用箭頭函數, 否則this指向錯誤
console.log("擴展onLoad");
// onLoad函數在是當前page實例上下文中執行,所以當前的this為當前page實例
// 如果不使用call來硬綁定,而是直接app.onLoad(),那么onLoad里的this將為app這個對象
// 即我們正常在page.js里Page(app) 括號里面我們自己寫的page對象
if(typeof app.onLoad === 'function') {
app.onLoad.call(this, options);
}
}
return oldPage(app)
}ps.想更系統的了解js關于this的知識可以戳這里 三、使用 我自己寫的時候,將自定義的內容單獨封裝到一個js文件中,然后在app.js中引用這個文件即可 require('./init.js'); //引用即可
App({
onLaunch: function (options) {
}
})相關推薦: 以上就是微信小程序Page構造函數以及生命周期函數的內容解析(附代碼)的詳細內容,更多請關注php中文網其它相關文章! 小程序是一種不需要下載安裝即可使用的應用,它實現了應用“觸手可及”的夢想,用戶掃一掃或者搜一下即可打開應用。 |
溫馨提示:喜歡本站的話,請收藏一下本站!