JavaScript import語句

更多關於模組載入內容可以參閱ES2015 Module模組一章節。

可以使用import語句載入指定模組使用export語句定義的內容。

關於export語句可以參閱JavaScript export語句一章節。

語法結構一:

[JavaScript] 純文字檢視 複製程式碼
import defaultMember from module;

此語法用來實現預設輸出內容的載入，具體可以參閱export default用法一章節。

語法結構二:

[JavaScript] 純文字檢視 複製程式碼
import * as name from module;

此語法實現整體載入，具體可以參閱js模組載入星號的作用一章節。

語法結構三:

[JavaScript] 純文字檢視 複製程式碼
import { name} from module;

引數解析:

（1）.name:要從module模組載入的內容名稱。

（2）.module:從此模組載入export定義的內容。

程式碼例項:

[JavaScript] 純文字檢視 複製程式碼
import {webName} from "antzone";

從antzone模組載入名稱為"webName"的內容；也可以一次載入多個，程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼
import {webName,age} from "antzone";

語法結構四:

[JavaScript] 純文字檢視 複製程式碼
import { name as alias } from module;

引數解析:

（1）.name:要從module模組載入的內容名稱。

（2）.alias:name的別名。

為載入的內容命名別名，程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼
import {webName as wN} from "antzone";

也可以一次性載入並重新命名多個，程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼
import {webName as wN,address as ad} from "antzone";

語法結構五:

[JavaScript] 純文字檢視 複製程式碼
import module;

只執行module模組，但是不輸入任何值。