In ES6
, oder ECMAScript 6, gibt es eine Reihe von neuen Import- und Exportmechanismen, die es Entwicklern leichter machen, Code in verschiedene Module aufzuteilen und diesen dann wieder zu importieren, wenn er benötigt wird. Eine korrekte Aussage zum Importieren eines einzelnen Exports aus einem Modul ist import myExport from 'module'
.
import myExport from 'module'
?Diese Aussage bedeutet, dass wir einen bestimmten Export (hier myExport
genannt) aus einem bestimmten Modul (hier 'module'
) importieren. Das Modul ist in diesem Fall eine separate JavaScript-Datei, die unter dem angegebenen String-Pfad gefunden werden kann.
Angenommen, wir haben ein Modul, das wir 'module'
nennen und es hat einen Export namens myExport
. Das könnte so aussehen:
// module.js
export const myExport = 'Ich bin ein Export!';
Wir könnten dann diesen Export in einer anderen Datei folgendermaßen importieren:
// andereDatei.js
import myExport from './module';
console.log(myExport); // Ausgabe: "Ich bin ein Export!"
import { myExport }
ist nicht korrekt, weil diese Syntax verwendet wird, um spezifische, benannte Exports aus einem Modul zu importieren. Es fehlt der Modulpfad in der Aussage, der angibt, von wo die Variable myExport
importiert wird.
require('module').myExport
ist die CommonJS-Weise, spezifische Exports aus einem Modul zu importieren. Aber ES6 verwendet die import ... from ...
Syntax.
load myExport from 'module'
ist eine nicht vorhandene Syntax in JavaScript.
Beim Arbeiten mit ES6 Modulimporten ist es wichtig, klare und konsistente Benennungen zu verwenden, um die Lesbarkeit des Codes zu verbessern und Verwirrung zu vermeiden. Außerdem sollte man immer auf die korrekte Nutzung von Pfaden achten, vor allem beim Arbeiten mit relativ zueinander liegenden Modulen. Denken Sie daran, dass die import ... from ...
Syntax in ES6 die CommonJS require()
Funktion abgelöst hat, die zuvor zum Importieren von Modulen in Node.js verwendet wurde.