Export const vs. export default: Wann sollte welcher ES6-Modulexport verwendet werden?

Exportieren mit Export const vs. Export Default in ES6

In JavaScript ES6-Modulen gibt es zwei primäre Möglichkeiten, Werte zu exportieren, nämlich den Export const und Exportstandard. Diese Exportmechanismen bieten unterschiedliche Funktionen und Anwendungsfälle.

Benannte Exporte (Export-Konstante)

Export-Konstante wird zum Exportieren benannter Konstanten verwendet. Dadurch können Sie mehrere spezifische Werte aus einem Modul exportieren, jeder mit seiner eigenen eindeutigen Kennung. Um solche Exporte zu importieren, geben Sie die gewünschten Variablennamen in geschweiften Klammern an:

// Exporting
export const myItem = 'Exported value';

// Importing
import { myItem } from 'myItem';

Standardexporte (Exportstandard)

Exportstandard wird verwendet, um einen Standard zu exportieren Wert. Dies ist nur einmal pro Modul möglich. Beim Importieren eines Standardexports können Sie ihm einen beliebigen Alias ​​geben:

// Exporting
export default { name: 'John Doe', age: 30 };

// Importing
import MyDefaultExport from 'myItem';

Anwendungsfälle

Die folgende Liste enthält einige allgemeine Richtlinien für die Auswahl zwischen Exportkonst und Exportstandard:

• Benannt Exporte:

  • Verwenden Sie export const, wenn Sie mehrere spezifische Werte aus einem Modul exportieren müssen.

• Standardexporte:

  • Verwenden Sie die Export-Standardeinstellung, wenn Sie einen einzelnen Primärwert aus einem exportieren möchten Modul.
  • Verwenden Sie den Standardexport, wenn Sie Legacy-Code unterstützen müssen, der einen bestimmten Import erwartet (z. B. den Import von React-Dom als Standardexport).

Zusätzliche Funktionen

Export const und export default bieten zusätzlich zu ihrer Kernfunktionalität mehrere zusätzliche Funktionen Features:

• Namespace-Importe: Mit import * as können Sie alle Exporte aus einem Modul als Objekt importieren.
• Teilweise Importe:Sie können benannte und Standardimporte in derselben Anweisung kombinieren und abgleichen.
• Umbenennen imports:Sie können importierte Werte mit dem Schlüsselwort „as“ umbenennen.

Bedenken Sie, dass „export default“ ein Sonderfall benannter Exporte mit dem Namen „default“ ist. Dies ermöglicht eine gewisse Flexibilität beim Importieren des Standardwerts.

Das obige ist der detaillierte Inhalt vonExport const vs. export default: Wann sollte welcher ES6-Modulexport verwendet werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!