微信小程序编写公共js怎么做?

时间：2023-07-01 14:05 阅读数：71 人阅读分类：知识百科

　　微信小程序编写公共js怎么做?有微信小程序开发者表示想知道微信小程序怎么编写公共js。但是不知道微信小程序编写公共js怎么做，今天小编就教大家微信小程序怎么编写公共js哦，一起来看看吧。

　　微信小程序编写公共js怎么做?

　　一个微信小程序页面由四个文件组成，一个小程序页面的四个文件具有相同路径与文件名，由此我们可知一个小程序页面对应着一个跟页面同名的js文件。可是当有些公共方法，我们应该怎么去编写公共js呢？

　　在根目录下有一个app.小程序js文件。这个根目录的js 文件我们可以通过getApp()轻松编写了。

　　//app.js

　　App({ globaData:'huangenai' })

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

　　在微信小程序开发者工具的 Console可以看到

　　那么当一些通用的公共方法我们抽出来，在根目录下有个utils文件夹。

微信小程序编写公共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));

　　}})

　　在小程序开发者工具的 Console可以看到

　　注意了，在util.js里的 Regular()方法，我们不可以这样调用util.Regular()，因为我们没有用 module.exports 来暴露模块接口。

　　如果直接去编写公共js则会出现这样的错误。

　　thirdScriptErrorutil.

　　Regular is not a function;

　　at "pages/test/test"

　　page lifeCycleMethod onLoad functionTypeError:

　　util.Regular is not a function

　　以上就是微信小程序编写公共js怎么做的方法了，如果你有什么疑问可以多来微小乔看看，感谢大家对我们网站的支持，希望以上微信小程序编写公共js的内容对您会有帮助哦。请多多关注微小乔。