Maison  >  Article  >  Applet WeChat  >  Comment partager des méthodes dans l'applet WeChat en référençant public js

Comment partager des méthodes dans l'applet WeChat en référençant public js

黄舟
黄舟original
2018-05-17 17:03:286000parcourir

Cet article présente principalement les informations pertinentes sur les exemples détaillés de méthodes dans l'applet WeChat faisant référence à public js. J'espère qu'il pourra aider tous les amis dans le besoin à s'y référer

. Explication détaillée d'exemples de méthodes de référencement de mini-programmes WeChat dans public js

Une mini page de programme se compose de quatre fichiers. Les quatre fichiers d'une mini page de programme ont le même chemin et le même nom de fichier. De là, nous pouvons savoir qu'une mini page de programme correspond à un fichier js du même nom que la page. Mais lorsqu'il existe des méthodes publiques, nous souhaitons les extraire dans un fichier js public indépendant. Comment pouvons-nous y parvenir ?

Il y a un fichier app.js dans le répertoire racine. Nous pouvons facilement appeler le fichier js dans ce répertoire racine via getApp().

//app.js

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

Vous pouvez voir dans la console des outils de développement

Ensuite, lorsque nous extrayons certaines méthodes publiques courantes, elles sont dans le répertoire racine Il y a un dossier utils sous (créez-le s'il n'existe pas) et à l'intérieur de util.js (créez-le s'il n'existe pas). Ici, nous pouvons écrire des méthodes courantes ici.

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

Vous pouvez le voir dans la Console des outils de développement

Attention, la méthode Regular() dans util.js, Nous ne pouvons pas appeler util.Regular() comme ça car nous n'utilisons pas module.exports pour exposer l'interface du module

Si nous l'appelons directement, une telle erreur se produira

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn