⼩程序引⽤公共js⾥的⽅法的实例详解
⼩程序引⽤公共js⾥的⽅法的实例详解
⼀个⼩程序页⾯由四个⽂件组成,⼀个⼩程序页⾯的四个⽂件具有相同路径与⽂件名,由此我们可知⼀个⼩程序页⾯对应着⼀个跟页⾯同名的js⽂件。可是当有些公共⽅法,我们想抽离出来成为⼀个独⽴公共的js⽂件。我们该如何实现呢。
在根⽬录下有⼀个app.js⽂件。这个根⽬录的js ⽂件我们可以通过getApp()轻松调⽤。
/
/app.js
App({
globaData:'huangenai'
})
//test.js
var app = getApp();
Page({
onLoad: function () {
console.log(app.globaData);
}
})
在开发者⼯具的 Console可以看到
那么当⼀些通⽤的公共⽅法我们抽出来,在根⽬录下有个utils⽂件夹(没有的话新建),⾥⾯util.js(没有的话新建)在这⾥我们可以将通⽤的⽅法写在这。
util.js
//正则判断
function Regular(str, reg) {
if (st(str))
return true;
return false;
}
//是否为中⽂
function IsChinese(str) {
var reg = /^[\u0391-\uFFE5]+$/;
return Regular(str, reg);
}
//去左右空格;
function trim(s){
place(/(^\s*)|(\s*$)/g, "");
}
//最下⾯⼀定要加上你⾃定义的⽅法(作⽤:将模块接⼝暴露出来),否则会报错:im is not a function;
IsChinese: IsChinese,
trim: trim
}
写文章的小程序//test.js
var util = require('../../utils/util.js');
Page({
onLoad: function () {
console.log("判断是否为中⽂:"+util.IsChinese('测试'));
console.log("去除左右空格:" + im(s));
}
})
在开发者⼯具的 Console可以看到
注意了,在util.js⾥的 Regular()⽅法,我们不可以这样调⽤util.Regular(),因为我们没有⽤ ports 来暴露模块接⼝
如果直接调⽤则会出现这样的错误
thirdScriptError
util.Regular is not a function;at "pages/test/test" page lifeCycleMethod onLoad function
TypeError: util.Regular is not a function
以上就是⼩程序引⽤公共js⾥的⽅法的实例详解,如有疑问请留⾔或者到本站社区交流讨论,感谢阅读,希望能帮助到⼤家,谢谢⼤家对本站的⽀持!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论