首頁  >  文章  >  微信小程式  >  微信小程式 引用其他js裡的方法

微信小程式 引用其他js裡的方法

高洛峰
高洛峰原創
2017-02-10 10:59:003315瀏覽

微信小程式中,在微信官方發展文件我們可以知道 小程式的目錄結構 。

一個小程式頁面由四個檔案組成,一個小程式頁面的四個檔案具有相同路徑與檔案名,由此我們可知一個小程式頁面對應著一個跟頁面同名的js檔案。但當有些公共方法,我們想抽離出來成為獨立公共的js檔案。我們該如何實現。

微信小程序   引用其他js里的方法

 

在根目錄下有一個app.js檔案。這個根目錄的js 檔案我們可以透過getApp()輕鬆呼叫。

//app.js
App({
   globaData:'huangenai'
 })

//test.jsvar app = getApp();
Page({
 onLoad: function () {
 console.log(app.globaData);

在開發者工具的Console可以看到

微信小程序   引用其他js里的方法

, 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);
}

module.exports = {
  getRequestUrl: "http://localhost:59637",//获得接口地址  IsChinese: IsChinese,
}

在開發者工具的Console可以看到

ular(Regutil. ,因為我們沒有用 module.exports 來暴露模組介面微信小程序   引用其他js里的方法

如果直接呼叫則會出現這樣的錯誤

thirdScriptError

util.Regular is not a function;at "pages/test/test" page lifeCyunctionMethod on function util.Regular is not a function

 更多微信小程式  引用其他js裡的方法相關文章請關注PHP中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn