導讀微信小程序,簡稱小程序,英文名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中文網其它相關文章! 小程序是一種不需要下載安裝即可使用的應用,它實現了應用“觸手可及”的夢想,用戶掃一掃或者搜一下即可打開應用。 |
溫馨提示:喜歡本站的話,請收藏一下本站!