Detaillierte Erläuterung der Modularisierung kleiner Programme

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 und interagieren nicht mit einander beeinflussen.

Sie können die globale Anwendungsinstanz über die globale Funktion getApp() abrufen. Wenn Sie globale Daten benötigen, können Sie diese in App() festlegen, z. B.:

// app.jsApp({
  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 die Schnittstelle nur über module.exports der Außenwelt zugänglich machen.

Es ist zu beachten, dass:

exports eine Referenz von module.exports ist, sodass Sie sie ändern können nach Belieben im Modul Der Zeiger exports führt zu unbekannten Fehlern. Daher empfehlen wir Entwicklern, module.exports zu verwenden, um Modulschnittstellen verfügbar zu machen, es sei denn, Sie kennen die Beziehung zwischen den beiden bereits genau.

Das Miniprogramm unterstützt derzeit nicht die direkte Einführung von node_modules. Wenn Entwickler node_modules verwenden müssen, wird empfohlen, den entsprechenden Code in das Verzeichnis von zu kopieren Das Miniprogramm.

// common.js
function sayHello(name) {
  console.log('Hello ${name} !')
}
function sayGoodbye(name) {
  console.log('Goodbye ${name} !')
}
module.exports.sayHello = sayHello
exports.sayGoodbye = sayGoodbye

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')
  }  goodbyeMINA: function() {
    common.sayGoodbye('MINA')
  }})

ES6-Syntax und API unterstützen

WeChat-Applet, das auf drei Terminals läuft: iOS, Android und Developer Tools für Debugging

Auf iOS wird der Javascript-Code des Miniprogramms in JavaScriptCore ausgeführt

Auf Android wird der Javascript-Code des Miniprogramms über Use the ausgeführt Es gibt einige Unterschiede, die vielen Entwicklern große Probleme bereiten.

In Entwicklungstools von 0.10.101000 und späteren Versionen wird babel standardmäßig verwendet, um die ES6-Syntax des Entwicklercodes in ES5-Code zu konvertieren, der von allen drei Enden gut unterstützt wird und Entwicklern hilft, die durch verschiedene Umgebungen verursachten Probleme zu lösen . Entwicklungsprobleme. Entwickler können diese Funktion in den Projekteinstellungen deaktivieren.

Es ist zu beachten, dass:

Diese Konvertierung hilft Entwicklern nur bei der Bewältigung grammatikalischer Probleme wie Promise, da sie von Entwicklern die Einführung von Polyfill oder anderen

Bibliotheken.

Um die Codequalität zu verbessern, ist bei aktivierter ES6-Konvertierungsfunktion standardmäßig der strenge Javasctipt-Modus aktiviert

[Verwandte Empfehlungen]

1 >Das WeChat-Applet ist vollständiger Quellcode-Download

2. Einfache Wischbedienung nach links und Wasserfall-Fluss-Layout

3 App Store-Quellcode

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Modularisierung kleiner Programme. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!