JavaScript 匯入語法中的括號如何運作以匯入預設匯出和命名匯出？

理解JavaScript 導入語法中的括號

在JavaScript 中，使用一種靈活的導入語法來處理預設括號導出和命名導出一個模組。讓我們檢查一下它的用法和含義。

預設導出與命名導出

依約定，模組通常公開單一預設導出或命名導出的集合。預設導出分配給不帶大括號的變量，而命名導出需要明確大括號來括住導出的符號。

使用括號匯入

在匯入中使用括號時宣告中，您本質上是結合了預設匯出匯入方法和命名匯出匯入方法。例如，以下語法：

import React, { Component, PropTypes } from 'react';

匯入同名下的預設匯出 React，同時也匯入其原始名稱下的命名匯出 Component 和 PropType。

簡化語法

此方法結合了兩種常見語法：

import React from 'react';
import { Component, PropTypes } from 'react';

其中第一行導入預設匯出，第二行導入命名導出。

模組導出結構

通常，模組提供預設導出或一組命名導出。然而，有時，一個模組可能同時提供這兩種功能。在這種情況下，使用括號的語法可讓您同時匯入兩種類型的匯出。

與 MDN 文件的比較

先前版本的 MDN 文件錯誤地聲稱使用括號建立一個對象，該物件接收指定名稱下的導入值。事實並非如此。大括號明確匯入命名導出，包括預設導出（如果有）。

重要說明

• 無法透過預設匯出存取命名匯出。
• * 通配符運算子可以將所有命名匯出匯入到單一物件中，而 default 關鍵字可以單獨匯入預設匯出。

以上是JavaScript 匯入語法中的括號如何運作以匯入預設匯出和命名匯出？的詳細內容。更多資訊請關注PHP中文網其他相關文章！