Heim  >  Artikel  >  WeChat-Applet  >  So teilen Sie Methoden im WeChat-Applet durch Verweis auf öffentliche JS

So teilen Sie Methoden im WeChat-Applet durch Verweis auf öffentliche JS

黄舟
黄舟Original
2018-05-17 17:03:285953Durchsuche

In diesem Artikel werden hauptsächlich relevante Informationen zu den detaillierten Beispielen für Methoden im WeChat-Applet vorgestellt, die auf öffentliche js verweisen. Ich hoffe, dass sie allen bedürftigen Freunden helfen können.

Ausführliche Erläuterung von Beispielen für WeChat-Miniprogramme, die auf Methoden in öffentlichen JS verweisen

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 wie die Seite entspricht. 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?

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'
 })
//test.js
var app = getApp();
Page({
 onLoad: function () {
 console.log(app.globaData);
 } 
})

Sie können in der Konsole der Entwicklertools sehen

Wenn wir dann einige gängige öffentliche Methoden extrahieren, im Stammverzeichnis Es gibt einen utils-Ordner unter (erstellen Sie ihn, wenn er nicht existiert) und in util.js (erstellen Sie ihn, wenn er nicht existiert). Hier können wir allgemeine Methoden schreiben.

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

Sie können es in der Konsole der Entwicklertools sehen

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

Wenn wir es direkt aufrufen, tritt ein solcher Fehler auf

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

Das obige ist der detaillierte Inhalt vonSo teilen Sie Methoden im WeChat-Applet durch Verweis auf öffentliche JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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