Was ist die Verwendung von Export und wie in es6?

In es6 wird das Schlüsselwort export verwendet, um Variablen, Funktionen und Objekte zu modularisieren, externe Referenzen zu ermöglichen und eine externe Aufrufschnittstelle bereitzustellen. Die Syntax lautet „export var a = ‚name‘;“; das Schlüsselwort as wird verwendet Ändern Sie den Variablennamen. Die Syntax lautet „{neuen Variablennamen als alten Variablennamen} exportieren“.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, ECMAScript Version 6.0, Dell G3-Computer.

Verwendung von Export und wie in es6

Verwendung von Export:

Export ermöglicht uns das Modulieren von Variablen, Funktionen und Objekten und stellt eine externe Aufrufschnittstelle für externe Referenzen bereit. Schauen wir uns zunächst das einfachste Beispiel an, die Modularisierung einer Variablen. Wir erstellen eine neue temp.js-Datei und geben eine Modulvariable in der Datei aus.

export var a = 'jspang';

Dann kann es als Import in index.js eingefügt werden.

import {a} from './temp.js';
console.log(a);

cmd-Befehlsmoduleingabe

babel-node index.js Achten Sie auf das Verzeichnis

Mehrvariable Ausgabe (temp.js)

var a ='jspang';
var b ='技术胖';
var c = 'web';
export {a,b,c} //包装成对象{}

Modulare Ausgabe der Funktion (temp.js)

export function add(a,b){
    return a+b;
}

as Verwendung

Manchmal möchten wir die Variablennamen im Modul nicht offenlegen, sondern dem Modul einen semantischeren Namen geben. Zu diesem Zeitpunkt können wir as zum Betrieb verwenden.

var a ='jspang';
var b ='技术胖';
var c = 'web';
export {
    x as a,
    y as b,
    z as c
}

Wenn Sie möglicherweise auf doppelte Variablennamen stoßen oder die Variablennamen während der Entwicklung ändern müssen, können Sie sie mit dem Schlüsselwort as mit einem Klick in ES6 umbenennen.

【Verwandte Empfehlungen: Javascript-Video-Tutorial, Web-Frontend】

Das obige ist der detaillierte Inhalt vonWas ist die Verwendung von Export und wie in es6?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!