Verwendet JavaScript auch den Import?

Es gibt eine Importanweisung in JavaScript. Die Importanweisung wird zum Importieren von Funktionen, Objekten und Anfangswerten verwendet, die aus einem Modul in ein anderes Modul exportiert wurden. Die Syntax lautet „importieren {Modulname} aus „dem Pfadnamen des zu importierenden Moduls“.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Die Importanweisung wird verwendet, um eine von einem anderen Modul exportierte Bindung zu importieren. Unabhängig davon, ob der strikte Modus deklariert ist, werden importierte Module im strikten Modus ausgeführt. Die Importanweisung kann nicht in eingebetteten Skripten verwendet werden.

Syntax

import defaultExport from “module-name”;
import * as name from “module-name”;
import { export } from “module-name”;
import { export as alias } from “module-name”;
import { export1 , export2 } from “module-name”;
import { export1, export2 as alias2 , [...] } from “module-name”;
import defaultExport, { export [ , [...] ] } from “module-name”;
import defaultExport, * as name from “module-name”;
import “module-name”;

defaultExport

bezieht sich auf den Namen des Standardexports des Moduls.

Modulname

Das zu importierende Modul. Dies ist normalerweise ein relativer oder absoluter Pfadname zur .js-Datei, die das Modul enthält, und enthält möglicherweise nicht die Erweiterung .js. Einige Paketierungstools erlauben oder erfordern möglicherweise die Verwendung dieser Erweiterung. Überprüfen Sie, ob in Ihrer Laufzeitumgebung nur Zeichenfolgen in einfachen und doppelten Anführungszeichen zulässig sind.

Name

Der Name des Modulobjekts, das bei Referenzierung als eine Art Namespace verwendet wird.

export, exportN

Der Name des zu importierenden Exports

alias, aliasN

verweist auf den Namen des angegebenen Imports.

Beschreibung

Der Namensparameter ist der Name des „Modulobjekts“, das verwendet wird, um über einen Namespace auf den Export zu verweisen. Der Exportparameter gibt einen einzelnen benannten Export an, während die Import * as Name-Syntax alle Exporte importiert.

Importieren Sie den Inhalt des gesamten Moduls

Dadurch wird myModule in den aktuellen Bereich eingefügt, der alle Module enthält, die aus der Datei unter /modules/my-module.js exportiert wurden.

import * as myModule from ‘/modules/my-module.js’;

Der Zugriff auf den Export bedeutet hier die Verwendung des Modulnamens (in diesem Fall „myModule“) als Namespace. Wenn das oben importierte Modul beispielsweise doAllTheAmazingThings() enthält, können Sie es folgendermaßen aufrufen:

myModule.doAllTheAmazingThings();

Einzelnen Export importieren

Gegeben ein Objekt oder Wert mit dem Namen myExport, wurde es aus dem Modul my-module exportiert ( (da das gesamte Modul exportiert wird) oder explizit exportiert wird (mit der Export-Anweisung), fügen Sie myExport in den aktuellen Bereich ein.

import { myExport } from ‘/modules/my-module.js’;

Mehrere Exporte importieren

Foo und bar in den aktuellen Bereich einfügen.

import { foo, bar } from ‘/modules/my-module.js’;

Exporte mit Aliasen importieren

Sie können Exporte beim Importieren umbenennen, zum Beispiel shortName in den aktuellen Bereich einfügen.

import { reallyReallyReallyLongModuleExportName as shortName } from “/modules/my-module.js”;

Mehrere Exporte beim Importieren umbenennen

Aliase verwenden, um mehrere Exporte eines Moduls zu importieren.

import {
    reallyReallyReallyLongModuleMemberName as shortName,
    anotherLongModuleName as short
} form “/modules/my-module.js”;

Ein Modul nur für Nebenwirkungen importieren

Modul wird nur für Nebenwirkungen importiert (neutrales Wort, keine abfällige Konnotation), anstatt irgendetwas im Modul zu importieren, wird dadurch der globale Code im Modul ausgeführt, aber tatsächlich Es werden keine Werte importiert.

import “/modules/my-module.js”

Importstandards

Verfügbar, wenn der Standardexport (ob Objekt, Funktion, Klasse usw.) aktiviert ist. Solche Standardwerte können dann mithilfe von Importanweisungen importiert werden.
Die einfachste Verwendung besteht darin, den Standardwert direkt zu importieren:

import myDefault from “/modules/my-module.js”;

Sie können auch gleichzeitig die Standardsyntax mit der oben genannten Verwendung (Namespace-Import und benannter Import) verwenden. In diesem Fall muss zunächst der Standardimport deklariert werden.

import myDefault, * as myModule from “/modules/my-module.js”;

oder

import myDefault, { foo, bar } from “/modules/my-module.js”;

example

wird aus dem Hilfsmodul importiert, um bei der Bearbeitung von AJAX-DSON-Anfragen zu helfen.

Modul: file.js

function getJSON(url, callback){
    let xhr = new XMLHttpRequest();
    xhr.onload = function () {
        callback(this.responseText)
    };
    xhr.open(‘GET’, url, true);
    xhr.send();
}
export function getUserFulContents(url, callback){
    getJSON(url, data => callback(JSON.parse(data)));
}

Hauptprogramm: main.js

import { getUserFulContents } from “/modules/file.js”;
getUserFulContents(‘http://www.example.com”, 
    data => { doSomethingUseful(data); } )

[Verwandte Empfehlungen: Javascript-Lerntutorial]

Das obige ist der detaillierte Inhalt vonVerwendet JavaScript auch den Import?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!