博主原文

这篇文章主要介绍了微信小程序如何引用公共js，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

微信小程序引用公共js里的方法的实例详解

一个小程序页面由四个文件组成，一个小程序页面的四个文件具有相同路径与文件名，由此我们可知一个小程序页面对应着一个跟页面同名的js文件。可是当有些公共方法，我们想抽离出来成为一个独立公共的js文件。我们该如何实现呢。

在根目录下有一个app.js文件。这个根目录的js 文件我们可以通过getApp()轻松调用。

app.js

//app.jsApp({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);
}
//去左右空格;
function trim(s){return s.replace(/(^\s*)|(\s*$)/g, "");
}//最下面一定要加上你自定义的方法（作用：将模块接口暴露出来），否则会报错：util.trim is not a function;
module.exports = {
IsChinese: IsChinese,
trim: trim
}

//test.jsvar 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 来暴露模块接口

如果直接调用则会出现这样的错误

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

感谢你能够认真阅读完这篇文章，希望小编分享微信小程序如何引用公共js内容对大家有帮助。

小程序引用公共js，不看可惜了!!相关推荐

微信小程序引用其他js里的方法
微信小程序中,在微信官方开发文档我们可以知道小程序的目录结构 . 一个小程序页面由四个文件组成,一个小程序页面的四个文件具有相同路径与文件名,由此我们可知一个小程序页面对应着一个跟页面同名的js文件 ...
小程序-调用公共js对象方法/ app.js
在小程序中,如果在子页面想调用共公js的方法,需先在子页面js中先实例化app:具体过程如下子页面js: 1 2 3 4 5 6 7 8 //调用公共js对象以便调用其方法 var app = ge ...
微信小程序引用本地js里的json数据
1.data.js(本地js里的json数据),位于项目更目录下 var data = [{"name": "女装","foods": [{ ...
微信小程序定义公共方法
微信小程序定义公共方法还是很简单的,一个三步创建,引入,使用 1.创建在page创建文件夹utils,在创建文件utils.js,看下我的在utils.js中定义你的方法,然后导出 2.引入在你 ...
微信小程序引用vant toast 提示 “未找到 van-toast 节点“
微信小程序引用vant 的toast 出现如下报错都是因为没有正确引入toast 组件正确引入toast 组件需要在三个文件中设置在 .wxml 文件的 view 内写入 <van-toa ...
【微信小程序】小程序入门app.js、app.json、app.wxss解说
[微信小程序]小程序入门app.js.app.json.app.wxss解说视频观看:http://edu.csdn.NET/course/detail/3081 在dome文件中,app.js.a ...
【微信小程序提取公共请求数据】
[微信小程序提取公共请求数据] 在utils下设置一个http.js const url = 'https://api.shop.eduwork.cn'; const request = (path= ...
小程序使用node.js开发后台接口
目录灵感寻找操作步骤 1. 准备工作 2. 使用Express生成项目 3. 创建Router级别路由 4. 创建路由处理函数模块 5. 创建连接数据库的模块 6. 启动服务器 7. 小程序里面 ...
视频教程-项目实战视频课程：美团小程序（Node.js+Express+支付）-微信开发
项目实战视频课程:美团小程序(Node.js+Express+支付) 东北大学计算机专业硕士研究生,欧瑞科技创始人&CEO,曾任国内著名软件公司项目经理,畅销书作者,企业IT内训讲师,CSDN ...

小程序引用公共js，不看可惜了!!

博主原文

小程序引用公共js，不看可惜了!!相关推荐

最新文章

热门文章