WeChat applet refers to methods in other js

In the WeChat mini program, we can know the directory structure of the mini program in the WeChat official development documentation.

A mini program page consists of four files. The four files of a mini program page have the same path and file name. 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.jsvar 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, create a new utils folder in the root directory, and create a new util.js where we can write the 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);
}

module.exports = {
  getRequestUrl: "http://localhost:59637",//获得接口地址  IsChinese: IsChinese,
}

//test.jsvar util = require('../../utils/util.js');
Page({
    onLoad: function () {
    console.log("判断是否为中文:"+util.IsChinese('测试'));
    console.log("输出接口url："+util.getRequestUrl);
    }
})

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, an error like this will occur

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

For more WeChat mini programs, please pay attention to the PHP Chinese website for related articles citing methods in other js!