ES6 export import的基本用法

2021-08-03 11:32:34 字數 878 閱讀 9370

模組功能主要由兩個命令組成:export & import。 export用於規定模組的對外介面。 import用來引入其他模組提供的功能。

1. export 輸出模組內的變數:

export var name = "hello world";

export var age = 18;

或者是(推薦寫法)

var name = "hello";

var age = 18;

export ;

2. export輸出函式

export function add (a, b)

export ;

需要注意的是:export輸出的介面,與其內部的值是動態繫結的關係。通過介面可以得到內部實時的值。

export可以出現在模組的任何位置,但必須是頂層。

3. import:

import from './detail'; //必須與對外介面的名稱一致。

注意:import可以寫在模組內任意位置,但必須是頂層,而且import有提公升效果,會提公升到模組頭部首先執行。

另外還可以整體載入:

import * as detail from './detail';

console.log(『my name is』 + detail.name + 'age is' + detail.age);

4. export default 命令:

不需要知道export的名稱, import時我們可以任意指定。

export default function () from './detail';

export from './detail';

6 import()

適用於按需載入, 條件載入和動態路徑載入。

ES6模組化 使用export import

node.js 中通過 babel 體驗 es6 模組化 es6 模組化的基本語法 1.預設匯出 與 預設匯入 2.按需匯出 與 按需匯入 3.匯出物件 與 通過匯出物件同時按需匯入與一次性匯入 預設匯出 export default 預設匯入 import m1 from m1.js 按需匯出 e...

ES6系列 ES6簡介

2015年6月17日,ecmascript的第六個版本正式發布,該版本正式名稱為ecmascript 2015,但通常被稱為ecmascript 6或者es6。瀏覽器對es6的支援情況 es6主要應用於node.js,如果想用在瀏覽器中,就需要使用轉碼器 將es6 轉成es5 這意味著,可以用es6...

ES6 ES6標準let和const語句

es6 新增了let命令,用來宣告變數。它的用法類似於var,但是所宣告的變數,只在let命令所在的 塊內有效。a referenceerror a is not defined.b 1 上面 在 塊之中,分別用let和var宣告了兩個變數。然後在 塊之外呼叫這兩個變數,結果let宣告的變數報錯,v...