微信小程序引用公共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);
}
//去左右空格;
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 来暴露模块接口

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

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的引用 # 微信小程序条件渲染详解 # 微信小程序教程之条件渲染 # 微信小程序教程系列之视图层的条件渲染（10） # 微信小程序利用button控制条件标签的变量问题 # 微信小程序学习总结（二）样式、属性、模板操作分析 # 微信小程序学习总结（一）项目创建与目录结构分析 # 微信小程序引用其他js文件实现代码 # 详解微信小程序入门五: wxml文件引用、模版、生命周期 # 微信小程序如何引用外部js # 外部样式 # 公共页面模板 # 微信小程序视图template模板引用的实例详解 # 微信小程序教程之引用 # 微信小程序学习总结（三）条件、模板、文件引用实例分析 # 我们可以 # 可以看到 # 则会 # 在这里 # 有个 # 在这 # 如有 # 不可以 # 希望能 # 自定义 # 该如何 # 成为一个 # 报错 # 谢谢大家 # 上你 # 有一个 # 判断是否 # 疑问请 # 注意了 # onLoad

返回目录在线咨询

上一篇：视频SEO：关键词如何优化_SEO优化教程
下一篇：网站服务器系统维护：安全升级、性能优化与漏洞修复指南

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

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

您的项目需求