Code前端首页关于Code前端联系我们

微信小程序开发-公共js中方法参考

terry 2年前 (2023-09-23) 阅读数 295 #移动小程序

小程序 页面由四个文件组成。四个小程序页面文件的路径和文件名相同。由此可知小程序页面对应。有一个与页面同名的js文件。但是当有一些公共方法时,我们想将它们提取到一个独立的公共js文件中。我们怎样才能做到这一点?

微信小程序开发—引用公共js里的方法

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

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

在开发者工具控制台中可以看到这个

微信小程序开发—引用公共js里的方法

提取一些常用的公共方法后,根目录下有一个utils文件夹(如果不存在则创建一个),在(不存在则创建)这里我们可以写一个通用的方法。

1.util.js​​​​​​​  2.//正则判断
 3.function Regular(str, reg) {
 4.if (reg.test(str))
 5.return true;
 6.return false;
 7.}​​​​​​​  8.//是否为中文
 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.}​​​​​​​  17.//最下面一定要加上你自定义的方法(作用:将模块接口暴露出来),否则会报错:util.trim is not a function;
 18.module.exports = {
 19.IsChinese: IsChinese,
 20.trim: trim
 21.}
1.//test.js​​​​​​​  2.var util = require('../../utils/util.js');
 3.Page({
 4.onLoad: function () {
 5.console.log("判断是否为中文:"+util.IsChinese('测试'));
 6.console.log("去除左右空格:" + util.trim(s));
 7.}
 8.})

您可以在开发者工具控制台中看到这一点

注意,在 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

版权声明

本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门