WeChat applet references methods in public js

This article mainly introduces relevant information about the detailed examples of WeChat applet referencing methods in public js. The implementation method is provided here. I hope it can help everyone. Friends in need can refer to it

Detailed explanation of examples of WeChat applet referencing methods in public js

A small program page consists of four files. The four files of a small program page have the same path and file name, and are represented by From this we can know that a mini program page corresponds to a js file with the same name as the page. But when there are some public methods, we want to extract them into an independent public js file. How can we achieve this?

There is an app.js file in the root directory. We can easily call the js file in this root directory through getApp().

//app.js

App({
  globaData:'huangenai'
 })

//test.js
var app = getApp();
Page({
 onLoad: function () {
 console.log(app.globaData);
 } 
})

You can see it in the Console of the developer tools

Then when we extract some common public methods, there is a utils folder in the root directory (if not, create a new one), inside util.js (if not, create a new one) here we General methods can be written here.

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));
  }
})

You can see it in the Console of the developer tools

Note that in the Regular() method in util.js, we cannot call util.Regular() like this because we do not use module.exports to expose the module interface

If you directly When calling, there will be such an error

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

The above is the entire content of this article. I hope it will be helpful to everyone's learning. For more related content, please pay attention to PHP Chinese net!

Related recommendations:

JS developed by WeChat to achieve tabs effect

The above is the detailed content of WeChat applet references methods in public js. For more information, please follow other related articles on the PHP Chinese website!