Maison > Applet WeChat > Développement de mini-programmes > L'applet WeChat fait référence à des méthodes dans d'autres js

L'applet WeChat fait référence à des méthodes dans d'autres js

高洛峰
Libérer: 2017-02-10 10:59:00
original
3381 Les gens l'ont consulté

Dans le mini programme WeChat, nous pouvons connaître la structure des répertoires du mini programme dans la documentation officielle de développement de WeChat.

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. comme 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 ?

微信小程序   引用其他js里的方法

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'
 })
Copier après la connexion

//test.jsvar app = getApp();
Page({
 onLoad: function () {
Copier après la connexion
 console.log(app.globaData);
Copier après la connexion
 } 
})
Copier après la connexion

Vous pouvez le visualiser dans la console de les outils de développement Allez dans

微信小程序   引用其他js里的方法

Ensuite, lorsque nous extrayons certaines méthodes publiques courantes, créons un nouveau dossier utils dans le répertoire racine et créons un nouvel util .js ici. Les méthodes courantes peuvent être écrites 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);
}

module.exports = {
  getRequestUrl: "http://localhost:59637",//获得接口地址  IsChinese: IsChinese,
}
Copier après la connexion

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

Vous pouvez voir

微信小程序   引用其他js里的方法

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

Si vous l'appelez directement, une telle erreur se produira

thirdScriptError

util.Regular n'est pas une fonction ; à la page "pages/test/test" lifeCycleMethod onLoad function
TypeError : util .Regular n'est pas une fonction

Pour plus d'applets WeChat, veuillez faire attention au site Web PHP chinois pour les méthodes de référencement des articles connexes dans d'autres js !

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal