Heim > WeChat-Applet > Mini-Programmentwicklung > Das WeChat-Applet bezieht sich auf Methoden in anderen js

Das WeChat-Applet bezieht sich auf Methoden in anderen js

高洛峰
Freigeben: 2017-02-10 10:59:00
Original
3397 Leute haben es durchsucht

Im WeChat-Miniprogramm können wir die Verzeichnisstruktur des Miniprogramms im offiziellen WeChat-Entwicklungsdokument kennen.

Eine Miniprogrammseite besteht aus vier Dateien. Die vier Dateien einer Miniprogrammseite haben denselben Pfad und Dateinamen. Daraus können wir erkennen, dass eine Miniprogrammseite einer JS-Datei mit demselben Namen entspricht als die Seite. Wenn es jedoch einige öffentliche Methoden gibt, möchten wir diese in eine unabhängige öffentliche JS-Datei extrahieren. Wie können wir das erreichen?

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

Im Stammverzeichnis befindet sich eine app.js-Datei. Wir können die js-Datei in diesem Stammverzeichnis einfach über getApp() aufrufen.

//app.js
App({
   globaData:'huangenai'
 })
Nach dem Login kopieren

//test.jsvar app = getApp();
Page({
 onLoad: function () {
Nach dem Login kopieren
 console.log(app.globaData);
Nach dem Login kopieren
 } 
})
Nach dem Login kopieren

Sie können es in der Konsole von anzeigen die Entwicklertools Gehen Sie zu

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

Wenn wir dann einige gängige öffentliche Methoden extrahieren, erstellen wir einen neuen Utils-Ordner im Stammverzeichnis und erstellen ein neues Util .js hier. Gängige Methoden können hier geschrieben werden.

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,
}
Nach dem Login kopieren

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

Sie können

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

Beachten Sie, dass wir in der Regular()-Methode in util.js util.Regular() nicht auf diese Weise aufrufen können, da wir module.exports nicht verwenden, um die Modulschnittstelle verfügbar zu machen

Wenn Sie es direkt aufrufen, tritt ein solcher Fehler auf

thirdScriptError

util.Regular ist keine Funktion;auf der Seite „pages/test/test“ lifeCycleMethod onLoad function
TypeError: util .Regular ist keine Funktion

Weitere WeChat-Applets finden Sie auf der chinesischen PHP-Website. Dort finden Sie verwandte Artikel, die auf Methoden in anderen js verweisen!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage