微信小程序引用公共js里的方法的實(shí)例詳解
微信小程序引用公共js里的方法的實(shí)例詳解
一個(gè)小程序頁面由四個(gè)文件組成,一個(gè)小程序頁面的四個(gè)文件具有相同路徑與文件名,由此我們可知一個(gè)小程序頁面對(duì)應(yīng)著一個(gè)跟頁面同名的js文件??墒钱?dāng)有些公共方法,我們想抽離出來成為一個(gè)獨(dú)立公共的js文件。我們該如何實(shí)現(xiàn)呢。
在根目錄下有一個(gè)app.js文件。這個(gè)根目錄的js 文件我們可以通過getApp()輕松調(diào)用。
//app.js App({ globaData:'huangenai' })
//test.js var app = getApp(); Page({ onLoad: function () { console.log(app.globaData); } })
在開發(fā)者工具的 Console可以看到
那么當(dāng)一些通用的公共方法我們抽出來,在根目錄下有個(gè)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, ""); } //最下面一定要加上你自定義的方法(作用:將模塊接口暴露出來),否則會(huì)報(bào)錯(cuò):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()方法,我們不可以這樣調(diào)用util.Regular(),因?yàn)槲覀儧]有用 module.exports 來暴露模塊接口
如果直接 調(diào)用則會(huì)出現(xiàn)這樣的錯(cuò)誤
thirdScriptError util.Regular is not a function;at "pages/test/test" page lifeCycleMethod onLoad function TypeError: util.Regular is not a function
以上就是微信小程序引用公共js里的方法的實(shí)例詳解,如有疑問請(qǐng)留言或者到本站社區(qū)交流討論,感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!
- 微信小程序 條件渲染詳解
- 微信小程序 教程之條件渲染
- 微信小程序教程系列之視圖層的條件渲染(10)
- 微信小程序利用button控制條件標(biāo)簽的變量問題
- 微信小程序?qū)W習(xí)總結(jié)(二)樣式、屬性、模板操作分析
- 微信小程序?qū)W習(xí)總結(jié)(一)項(xiàng)目創(chuàng)建與目錄結(jié)構(gòu)分析
- 微信小程序 引用其他js文件實(shí)現(xiàn)代碼
- 詳解微信小程序入門五: wxml文件引用、模版、生命周期
- 微信小程序如何引用外部js,外部樣式,公共頁面模板
- 微信小程序視圖template模板引用的實(shí)例詳解
- 微信小程序 教程之引用
- 微信小程序?qū)W習(xí)總結(jié)(三)條件、模板、文件引用實(shí)例分析
相關(guān)文章
微信小程序與php 實(shí)現(xiàn)微信支付的簡單實(shí)例
這篇文章主要介紹了微信小程序與php 實(shí)現(xiàn)微信支付的簡單實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-06-06JS屬性scrollTop?clientHeight?scrollHeight理解學(xué)習(xí)
這篇文章主要為大家介紹了JS屬性scrollTop?clientHeight?scrollHeight理解學(xué)習(xí),有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-07-07JavaScript實(shí)現(xiàn)一個(gè)Promise隊(duì)列小工具
這篇文章主要介紹了JavaScript實(shí)現(xiàn)一個(gè)Promise隊(duì)列小工具,文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的小伙伴可以參考一下2022-08-08一文詳解typeScript的extends關(guān)鍵字
這篇文章主要為大家介紹了typeScript的extends關(guān)鍵字使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-03-03