当前位置:首页 > 日记 > 正文

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

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

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

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

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

//app.jsApp({  globaData:'huangenai' })
//test.jsvar 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 来暴露模块接口

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

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

以上就是微信小程序引用公共js里的方法的实例详解,如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关文章

qq空间动态隐私设置图文教程

qq空间动态隐私设置图文教程

设置,空间,动态,方法,图文教程,  QQ空间是腾讯推出的交友社区,而对空间权限的设置,涉及想看谁、不想谁看或者禁止任何人访问等等。相比网页空间权限设置,手机QQ针对空间权限的设置,更加方便快捷。今天小编分享了设置qq空间动态隐私的方法,希望…

Photoshop合成动感喷溅效果的红玫

Photoshop合成动感喷溅效果的红玫

教程,裙子,动感,海报,效果,使用Photoshop合成动感喷溅效果的红玫瑰花裙子海报,本教程合成的效果图非常大气,也非常有艺术感。主体部分为穿红玫瑰花裙子的美女,作者给玫瑰花裙子边缘增加了一些喷溅效果,背景部分增加了一些高光素材,其它部分增加…

微信小程序 解析网页内容详解及实

微信小程序 解析网页内容详解及实

网页内容,详解,实例,程序,电脑软件,微信小程序 解析网页内容详解最近在写一个爬虫,需要将网页进行解析供微信小程序使用。文字和图片解析都好说,小程序也有对应的text和image标签可以呈现。而更复杂的,比如表格,则比较棘手,不管是服务端解析还是…

wps演示如何保存为视频格式

wps演示如何保存为视频格式

方法,保存为,视频格式,演示,电脑软件,  在制作完一部幻灯片时候,往往需要保存下来,那么如何将幻灯片文档转换成视频格式保存下来呢?下面小编就为你介绍wps演示保存为视频格式的方法,希望能帮到大家。wps演示保存为视频格式的方法wps演示保存…

古典的悲伤个性签名集锦

古典的悲伤个性签名集锦

个性签名,悲伤,古典,集锦,热门,  网络时代,几乎每个人都有自己的QQ号,每个QQ号都有属于自己的个性签名。很多人喜欢古典的悲伤个性签名。接下来由小编为大家推荐古典的悲伤个性签名,希望对你有所帮助!古典的悲伤个性签名【经典篇】1.直道…

解决jQuery ajax动态新增节点无法

解决jQuery ajax动态新增节点无法

节点,点击事件,动态,电脑软件,jQuery,在写ajax加载数据的时候发现,后面添加进来的demo节点元素,失去了之前的点击事件。为什么点击事件失效,我们该怎么去解决呢?其实最简单的方法就是直接在标签中写onclick="",但是这样写其实是有点low的,最好…

excel2007怎么能粘贴怎么办

excel2007怎么能粘贴怎么办

复制粘贴,处理方法,电脑软件,  我们在粘贴数据的时候,经常会遇到:“excel 无法粘贴信息,原因是复制区域与粘贴区域形状不同”的提示,那么如何解决这个问题呢?下面小编马上就告诉大家Excel2007复制粘贴的处理方法,希望小编整理的资…

ppt2013如何动画窗格图文教程

ppt2013如何动画窗格图文教程

动画,图文教程,窗格,使用方法,电脑软件,  ppt2013动画窗格知道怎么用吗 ?其实动画窗格里面有很多动画元素,例如设置幻灯片自动播放,那么大家知道怎么设置呢? 下面小编就为你提供ppt2013如何设置自动播放 的方法啦!ppt2013动画窗格的使用方…

JavaScript箭头函数_动力节点Java

JavaScript箭头函数_动力节点Java

节点,学院,函数,箭头,动力,ES6标准新增了一种新的函数:Arrow Function(箭头函数)。为什么叫Arrow Function?因为它的定义用的就是一个箭头:x => x * x上面的箭头函数相当于:function (x) { return x * x;}在继续学习箭头函数之前,请测试你的浏览器…

如何用excel函数筛选数据

如何用excel函数筛选数据

数据,函数,筛选,多表,方法,  Excel中多表相同数据该如何用函数进行筛选出来呢?其实设置函数筛选的方法不难。下面是由小编分享的excel 函数筛选多表相同数据的方法,欢迎大家来到学习。excel函数筛选多表相同数据的方法1:将两个工作表放在一…

js实现数组内数据的上移和下移的实

js实现数组内数据的上移和下移的实

数组,数据,实例,电脑软件,js,实例如下所示:var swapItems = function(arr, index1, index2){  arr[index1] = arr.splice(index2,1,arr[index1])[0]  return arr}var arr = [1,2,3]var newArr = []upData (arr, index) {  if (this.ar…

jQuery代码实现实时获取时间

jQuery代码实现实时获取时间

代码实现,获取时间,实时,电脑软件,jQuery,在上篇文章给大家介绍了jQuery动态地获取系统时间实现代码,大家可以参考下。废话不多说了,直接给大家贴代码了,具体代码如下所示:$(document).ready(function(){function time(){var date=new Date();v…