Modularisierung des WeChat Mini-Programm-Tutorials

Dateiumfang
In einer JavaScript-Datei deklarierte Variablen und Funktionen sind nur in dieser Datei gültig; Variablen und Funktionen mit demselben Namen können in verschiedenen Dateien deklariert werden, ohne sich gegenseitig zu beeinflussen.
Die globale Anwendungsinstanz kann über die globale Funktion getApp() abgerufen werden. Wenn globale Daten benötigt werden, können diese in App() festgelegt werden, z. B.:

// app.js  
App({  
 globalData: 1  
})

// a.js  
// The localValue can only be used in file a.js.  
var localValue = 'a'  
// Get the app instance.  
var app = getApp()  
// Get the global data and change it.  
app.globalData++

// b.js  
// You can redefine localValue in file b.js, without interference with the localValue in a.js.  
var localValue = 'b'  
// If a.js it run before b.js, now the globalData shoule be 2.  
console.log(getApp().globalData)

Modularisierung
Wir können allgemeinen Code als Modul in eine separate js-Datei extrahieren. Module können Schnittstellen nur über module.exports der Außenwelt zugänglich machen.

// common.js  
function sayHello(name) {  
 console.log('Hello ' + name + '!')  
}  
module.exports = {  
 sayHello: sayHello  
}

In den Dateien, die diese Module verwenden müssen, verwenden Sie require(path), um den öffentlichen Code einzuführen.

var common = require('common.js')  
Page({  
 helloMINA: function() {  
 common.sayHello('MINA')  
 }  
})

Das Obige ist der modulare Inhalt des WeChat-Miniprogramm-Tutorials. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!