全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

微信小程序引用公共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 


相关文章: 建站之星如何取消后台验证码生成?  如何快速启动建站代理加盟业务?  建站VPS推荐:2025年高性能服务器配置指南  高性价比服务器租赁——企业级配置与24小时运维服务  官网网站制作腾讯审核要多久,联想路由器newifi官网  定制建站价位费用解析与套餐推荐全攻略  宝塔建站后网页无法访问如何解决?  已有域名如何免费搭建网站?  小型网站建站如何选择虚拟主机?  怀化网站制作公司,怀化新生儿上户网上办理流程?  建站之星如何防范黑客攻击与数据泄露?  如何在VPS电脑上快速搭建网站?  网站规划与制作是什么,电子商务网站系统规划的内容及步骤是什么?  建站之星好吗?新手能否轻松上手建站?  网站网页制作电话怎么打,怎样安装和使用钉钉软件免费打电话?  如何注册花生壳免费域名并搭建个人网站?  建站之星导航如何优化提升用户体验?  大连网站制作费用,大连新青年网站,五年四班里的视频怎样下载啊?  香港服务器选型指南:免备案配置与高效建站方案解析  rsync同步时出现rsync: failed to set times on “xxxx”: Operation not permitted  如何用已有域名快速搭建网站?  我的世界制作壁纸网站下载,手机怎么换我的世界壁纸?  西安大型网站制作公司,西安招聘网站最好的是哪个?  如何快速搭建高效香港服务器网站?  如何规划企业建站流程的关键步骤?  广州建站公司哪家好?十大优质服务商推荐  测试制作网站有哪些,测试性取向的权威测试或者网站?  建站之星安装需要哪些步骤及注意事项?  武汉网站如何制作,黄黄高铁武穴北站途经哪些村庄?  Python lxml的etree和ElementTree有什么区别  中山网站推广排名,中山信息港登录入口?  如何在西部数码注册域名并快速搭建网站?  在线制作视频的网站有哪些,电脑如何制作视频短片?  企业网站制作公司网页,推荐几家专业的天津网站制作公司?  高防服务器:AI智能防御DDoS攻击与数据安全保障  唐山网站制作公司有哪些,唐山找工作哪个网站最靠谱?  外汇网站制作流程,如何在工商银行网站上做外汇买卖?  如何在新浪SAE免费搭建个人博客?  网站专业制作公司,网站编辑是做什么的?好做吗?工作前景如何?  制作农业网站的软件,比较好的农业网站推荐一下?  如何快速搭建FTP站点实现文件共享?  武汉外贸网站制作公司,现在武汉外贸前景怎么样啊?  建站中国必看指南:CMS建站系统+手机网站搭建核心技巧解析  建站之星下载版如何获取与安装?  免费制作小说封面的网站有哪些,怎么接网站批量的封面单?  创业网站制作流程,创业网站可靠吗?  c# 在高并发下使用反射发射(Reflection.Emit)的性能  如何选择高性价比服务器搭建个人网站?  建站主机无法访问?如何排查域名与服务器问题  如何在搬瓦工VPS快速搭建网站? 

您的项目需求

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