JavaScript 中的 import

參考資料：https://developer.mozilla.org...

1

import defaultExport from "module-name";

模塊module-name必須使用export default聲明一個變量、函數或者類（合稱爲「內容」，下同）。

能夠使用defaultExport直接訪問模塊module-name中以export default聲明的內容。

請注意，在模塊module-name中：

• 使用export default聲明的模塊沒必要命名。
• 只使用export聲明的模塊必須命名，不然沒法訪問！

2

import * as name from "module-name";

能夠使用name做爲命名空間，以name.somethingExport的方式，訪問模塊module-name中全部以export聲明的內容。

3

import { export } from "module-name";

能夠使用export訪問模塊module-name中以export聲明的內容export。

4

import { export as alias } from "module-name";

能夠使用alias訪問模塊module-name中以export聲明的內容export。

5

import { export1 , export2 } from "module-name";

能夠使用export1和export2訪問模塊module-name中以export聲明的內容export1和內容export2。

6

import { export1 , export2 as alias2 , [...] } from "module-name";

能夠使用export1和alias2訪問模塊module-name中以export聲明的內容export1和內容export2。

這兩種組合出現的數量不限。

7

import defaultExport, { export [ , [...] ] } from "module-name";

上述 #1 和 #6 的組合。

8

import defaultExport, * as name from "module-name";

上述 #1 和 #2 的組合。

9

import "module-name";

執行模塊module-name的全局代碼，不導入任何內容。