Import mit oder ohne geschweifte Klammern in ES6

Question

Was ist der Unterschied zwischen:

import Title from './title.js' 

und

import { Title } from './title.js' 

?

Ich denke, es hat eine Verbindung mit export default Title; und export const Title;, aber ich weiß es nicht.

Answer 1

als gegeben in developer.mozilla.org

Es ist möglich, einen Standard-Export zu haben (ob es ein Objekt ist, eine Funktion, eine Klasse, etc.). Die Import-Anweisung kann dann verwendet werden, um solche Standardwerte zu zu importieren.

Die einfachste Version importiert direkt den Standard:

import myDefault from '/modules/my-module.js';

Referenzen: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import

Answer 2

Ein Modul kann mehrere Exporte deklarieren. Zum Beispiel export const Title; und export const SubTitle;. Wenn Sie ein solches Modul import erhalten, erhalten Sie eine Object, deren Schlüssel die export s sind, die Sie deklariert haben.

Sie können dann die Funktion Parameter-Objekt-Destrukturierung - eine in ES6 verfügbare Funktion - verwenden, um nur die benötigten Exporte aus dem Objekt auszuwählen.

Beachten Sie, dass Parameter-Destrukturierung nicht verfügbar ist, wenn Sie export default verwenden, da import nicht unbedingt ein Objekt zurückgibt, es sei denn, das ist, was Sie exportiert haben.