首頁猿問 ES6中的“出口區(qū)&r...

ES6中的“出口區(qū)”與“出口違約”

JavaScript

瀟瀟雨雨 2019-07-11 15:57:50

ES6中的“出口區(qū)”與“出口違約”我正在試圖確定這兩者之間是否有任何重大差異，除了能夠用export default只需做：import myItem from 'myItem';和使用export const我能做到：import { myItem } from 'myItem';我想知道，除了這一點之外，還有什么不同之處和/或用例。

查看完整描述

2 回答

汪汪一只貓

TA貢獻1898條經(jīng)驗獲得超8個贊

這是一個命名的導出與默認的導出。export const導出Const聲明或聲明的命名導出。

要強調(diào)的是：這里最重要的是export關(guān)鍵字ASconst用于聲明一個或多個Const聲明。export也可以應(yīng)用于其他聲明，如類或函數(shù)聲明。

違約出口(export default)

每個文件可以有一個默認導出。當您導入時，您必須指定一個名稱并進行如下的導入：

import MyDefaultExport from "./MyFileWithADefaultExport";

你可以給它起任何你喜歡的名字。

名為EXPORT(export)

使用命名導出，每個文件可以有多個命名導出。然后導入要用大括號包圍的特定導出：

// ex. importing multiple exports:import { MyClass, MyOtherClass } from "./MyClass";
// ex. giving a named import a different name by using "as":import { MyClass2 as MyClass2Alias } from "./MyClass2";
// use MyClass, MyOtherClass, and MyClass2Alias here

或者可以在相同的語句中使用默認和命名導入：

import MyDefaultExport, { MyClass, MyOtherClass} from "./MyClass";

名稱空間導入

還可以從對象上的文件導入所有內(nèi)容：

import * as MyClasses from "./MyClass";// use MyClasses.MyClass, MyClasses.MyOtherClass and MyClasses.default here

注記

語法更傾向于默認導出，因為它們的用例更常見(
見這里的討論).
默認導出實際上是名為default因此，您可以使用命名的import導入它：
```
import { default as MyDefaultExport } from "./MyFileWithADefaultExport";
```