How to share methods in WeChat applet by referencing 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 are in the root directory A utils folder (create it if it doesn’t exist), inside util.js (create it if it doesn’t exist) where we can write common methods 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 we cannot call the Regular() method in util.js like this util.Regular(), because we did not use module.exports to expose the module interface

If called directly, such an error will occur

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 detailed content of How to share methods in WeChat applet by referencing public js. For more information, please follow other related articles on the PHP Chinese website!