微信小程序—引用公共js裏的方法

一個小程序頁面由四個文件組成，一個小程序頁面的四個文件具備相同路徑與文件名，由此咱們可知一個小程序頁面對應着一個跟頁面同名的js文件。但是當有些公共方法，咱們想抽離出來成爲一個獨立公共的js文件。咱們該如何實現呢。

在根目錄下有一個app.js文件。這個根目錄的js 文件咱們能夠經過getApp()輕鬆調用。

 2.​​​​​​​
 5.1.//app.jsApp({
 3.globaData:'huangenai'
 4.})//test.js
 6.var app = getApp();
 7.Page({
 8.onLoad: function () {
 9.console.log(app.globaData);
 10.} 
 11.})

在開發者工具的 Console能夠看到

那麼當一些通用的公共方法咱們抽出來，在根目錄下有個utils文件夾(沒有的話新建)，裏面util.js（沒有的話新建）在這裏咱們能夠將通用的方法寫在這。

​​​​​​​
 2.​​​​​​​
 8.​​​​​​​
 17.1.util.js//正則判斷
 3.function Regular(str, reg) {
 4.if (reg.test(str))
 5.return true;
 6.return false;
 7.}//是否爲中文
 9.function IsChinese(str) {
 10.var reg = /^[\u0391-\uFFE5]+$/;
 11.return Regular(str, reg);
 12.}
 13.//去左右空格;
 14.function trim(s){
 15.return s.replace(/(^\s*)|(\s*$)/g, "");
 16.}//最下面必定要加上你自定義的方法（做用：將模塊接口暴露出來），不然會報錯：util.trim is not a function;
 18.module.exports = {
 19.IsChinese: IsChinese,
 20.trim: trim
 21.}

​​​​​​​
 2.1.//test.jsvar util = require('../../utils/util.js');
 3.Page({
 4.onLoad: function () {
 5.console.log("判斷是否爲中文:"+util.IsChinese('測試'));
 6.console.log("去除左右空格：" + util.trim(s));
 7.}
 8.})

在開發者工具的 Console能夠看到

注意了，在util.js裏的 Regular（）方法，咱們不能夠這樣調用util.Regular()，由於咱們沒有用 module.exports 來暴露模塊接口

若是直接 調用則會出現這樣的錯誤

1.thirdScriptError
 2.util.Regular is not a function;at "pages/test/test" page lifeCycleMethod onLoad function
 3.TypeError: util.Regular is not a function