Was bedeutet "export default" in JavaScript?

Question

Datei: SafeString.js

// Erstellen Sie unseren grundlegenden SafeString-Typ
function SafeString(string) {
  this.string = string;
}

SafeString.prototype.toString = function() {
  return "" + this.string;
};

export default SafeString;

Ich habe export default noch nie gesehen. Gibt es äquivalente Dinge für export default die leichter zu verstehen sein könnten?

Answer 1

In ES6 gibt es zwei Arten von Exports:

Benannte Exports - zum Beispiel export function func() {} ist ein benannter Export mit dem Namen func. Benannte Module können mit import { exportName } from 'module'; importiert werden. In diesem Fall sollte der Name des Imports mit dem Namen des Exports übereinstimmen. Um func aus dem Beispiel zu importieren, müssen Sie import { func } from 'module'; verwenden. Es können mehrere benannte Exports in einem Modul vorhanden sein.

Standard-Export - ist der Wert, der aus dem Modul importiert wird, wenn Sie die einfache Importanweisung import X from 'module'; verwenden. X ist der Name, der lokal der Variablen zugewiesen wird, die den Wert enthalten, und er muss nicht wie der Ursprungsexport benannt sein. Es kann nur einen Standardexport geben.

Ein Modul kann sowohl benannte Exports als auch einen Standardexport enthalten, und sie können zusammen mit import defaultExport, { namedExport1, namedExport3, usw... } from 'module'; importiert werden.

Answer 2

export default wird verwendet, um eine einzelne Klasse, Funktion oder Primitiv zu exportieren.

export default function() { } kann verwendet werden, wenn die Funktion keinen Namen hat. Es kann nur ein Standardexport in einer Datei geben.

Mehr lesen