微信小程序如何引用公共js

  介绍

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

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

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

微信小程序如何引用公共js

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

//app.js      应用程序({   globaData才能:& # 39;huangenai& # 39;   之前,}) //. js   var  app =, getApp ();   页面({   ,onLoad: function  (), {   ,console.log (app.globaData);   }大敌;   })

在开发者工具的控制台可以看到

微信小程序如何引用公共js

那么当一些通用的公共方法我们抽出来,在根目录下有个跑龙套文件夹(没有的话新建),里面跑龙套。js(没有的话新建)在这里我们可以将通用的方法写在这。

util.js//正则判断   function 定期(str,,注册),{   ,if  (reg.test (str))   return 才能;真实;   ,return 假;   }//是否为中文   function  IsChinese (str), {   ,var  reg =,/^ [\ u0391 - \ uFFE5] + $/;   ,return 定期(str,,注册);   }//去左右空格;   function 削减(s) {   return 才能s.replace (/(^ \ s *) | (\ s *美元)/g,““);   }//最下面一定要加上你自定义的方法(作用:将模块接口暴露出来),否则会报错:util.trim  is  not  a 功能;   module.exports =, {   IsChinese: IsChinese,   修剪:修剪   } //. js      var  util =,要求(& # 39;. ./. ./跑龙套util.js& # 39;);   页面({   onLoad才能:function  (), {   console.log才能(“判断是否为中文:“+ util.IsChinese(& # 39;测试& # 39;));   console.log才能(“去除左右空格:“,+,util.trim (s));   ,,}   })

在开发者工具的控制台可以看到

微信小程序如何引用公共js

注意了,在跑龙套。js里的常规()方法,我们不可以这样调用util.Regular(),因为我们没有用模块。出口来暴露模块接口

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

thirdScriptError   util.Regular  is  not  a 功能;at “页面/测试/test" page  lifeCycleMethod  onLoad 功能   TypeError: util.Regular  is  not  a 函数

感谢你能够认真阅读完这篇文章,希望小编分享微信小程序如何引用公共js内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!

微信小程序如何引用公共js