微信小程序引用公共js里的方法的實例詳解
微信小程序引用公共js里的方法的實例詳解
一個小程序頁面由四個文件組成,一個小程序頁面的四個文件具有相同路徑與文件名,由此我們可知一個小程序頁面對應著一個跟頁面同名的js文件??墒钱斢行┕卜椒?,我們想抽離出來成為一個獨立公共的js文件。我們該如何實現(xiàn)呢。
在根目錄下有一個app.js文件。這個根目錄的js 文件我們可以通過getApp()輕松調用。
//app.js App({ globaData:'huangenai' })
//test.js var app = getApp(); Page({ onLoad: function () { console.log(app.globaData); } })
在開發(fā)者工具的 Console可以看到
那么當一些通用的公共方法我們抽出來,在根目錄下有個utils文件夾(沒有的話新建),里面util.js(沒有的話新建)在這里我們可以將通用的方法寫在這。
util.js //正則判斷 function Regular(str, reg) { if (reg.test(str)) return true; return false; } //是否為中文 function IsChinese(str) { var reg = /^[\u0391-\uFFE5]+$/; return Regular(str, reg); } //去左右空格; function trim(s){ return s.replace(/(^\s*)|(\s*$)/g, ""); } //最下面一定要加上你自定義的方法(作用:將模塊接口暴露出來),否則會報錯:util.trim is not a function; module.exports = { IsChinese: IsChinese, trim: trim }
//test.js var util = require('../../utils/util.js'); Page({ onLoad: function () { console.log("判斷是否為中文:"+util.IsChinese('測試')); console.log("去除左右空格:" + util.trim(s)); } })
在開發(fā)者工具的 Console可以看到
注意了,在util.js里的 Regular()方法,我們不可以這樣調用util.Regular(),因為我們沒有用 module.exports 來暴露模塊接口
如果直接 調用則會出現(xiàn)這樣的錯誤
thirdScriptError util.Regular is not a function;at "pages/test/test" page lifeCycleMethod onLoad function TypeError: util.Regular is not a function
以上就是微信小程序引用公共js里的方法的實例詳解,如有疑問請留言或者到本站社區(qū)交流討論,感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
相關文章
JS屬性scrollTop?clientHeight?scrollHeight理解學習
這篇文章主要為大家介紹了JS屬性scrollTop?clientHeight?scrollHeight理解學習,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-07-07JavaScript實現(xiàn)一個Promise隊列小工具
這篇文章主要介紹了JavaScript實現(xiàn)一個Promise隊列小工具,文章圍繞主題展開詳細的內容介紹,具有一定的參考價值,需要的小伙伴可以參考一下2022-08-08