Heim >Web-Frontend >js-Tutorial >ES6-Importe: Geschweifte Klammern – wann sollte man sie verwenden und wann nicht?

ES6-Importe: Geschweifte Klammern – wann sollte man sie verwenden und wann nicht?

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-12-14 01:53:09767Durchsuche

ES6 Imports: Curly Braces – When to Use Them and When Not To?

ES6-geschweifte Klammern beim Importieren einzelner Module: Wann man sie verwendet

Beim Importieren eines einzelnen Moduls in ES6 ist es wichtig, den Unterschied zu verstehen zwischen Standardimporten und benannten Importen, die die Verwendung von geschweiften Klammern bestimmen.

Standardimporte (ohne Geschweifte Klammern)

Standardimporte werden verwendet, wenn das exportierte Modul einen einzelnen Standardexportwert hat. Dieser Wert wird direkt ohne geschweifte Klammern importiert, wie im folgenden Beispiel zu sehen ist:

import initialState from './todoInitialState';

In diesem Fall verfügt das Modul initialState.js über einen Standardexport namens initialState. Dieser Standardexport wird dann direkt mit import initialState from ... importiert.

Benannte Importe (mit geschweiften Klammern)

Benannte Importe werden verwendet, wenn das exportierte Modul benannte enthält Exporte, bei denen es sich um spezifische Exporte mit benannten Bezeichnern handelt. Zum Importieren benannter Exporte werden geschweifte Klammern verwendet, wie in:

import { A } from './A';

Hier enthält das A-Modul einen benannten Export namens A, der mit geschweiften Klammern importiert wird.

Wann werden geschweifte Klammern verwendet?

Geschweifte Klammern werden beim Import benannter Exporte verwendet, bei denen bestimmte benannte Bezeichner aus exportiert werden Modul. Im gegebenen Beispiel führte die Verwendung von geschweiften Klammern zum Importieren von initialState zu einem Fehler, da initialState ein Standardexport und kein benannter Export ist.

Wann geschweifte Klammern nicht verwendet werden sollten

Geschweifte Klammern werden beim Importieren von Standardexporten nicht verwendet. Standardexporte haben keine spezifischen Bezeichner und können direkt ohne geschweifte Klammern importiert werden, wie im Beispiel import initialState from ... zu sehen ist.

Zusammenfassend zeigen geschweifte Klammern in ES6-Modulimporten an, dass benannte Exporte importiert werden. Standardexporte verwenden keine geschweiften Klammern und werden direkt unter ihrem Standardexportnamen importiert.

Das obige ist der detaillierte Inhalt vonES6-Importe: Geschweifte Klammern – wann sollte man sie verwenden und wann nicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn