模組功能主要由兩個命令組成: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...