微信小程序引用外部js怎么操作?
小程序开发是必须会要引用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 (reg.test(str))
return true;
return false;
}
//是否为中文
function IsChinese(str) {
var reg = /^[u0391-uFFE5]+$/;
return Regular(str, reg);
}
module.exports = {
getRequestUrl: "localhost:59637",//获得接口地址
IsChinese: IsChinese,
}
//test.js
var util = require('../../utils/util.js');
Page({
onLoad: function () {
console.log("判断是否为中文:"+util.IsChinese('测试'));
console.log("输出接口url:"+util.getRequestUrl);
}
})
在开发者工具的 Console可以看到
注意了,在util.js里的 Regular()方法,我们不可以这样调用util.Regular(),因为我们没有用 module.exports 来暴露小程序模块接口。如果直接调用小程序则会出现这样的错误。
参照以上流程,大家就可以实现微信小程序引用外部js了,是不是很简单呢?如果还有不理解的地方请及时反馈给小编哦,小编会在微信小程序商店提供相应的素材。
微信小程序js获取元素怎么实现?
微信小程序js脚本中的函数怎么优化?
微信小程序调用js方法,微信小程序引用js的方法