ES6 模組語法——export 命令

xuanxuanQueen發表於2019-08-24
Export

一個獨立的 JS 檔案就是一個模組。該檔案內部的所有變數，外部無法獲取。如果希望外部能夠讀取模組內部的某個變數/函式/類，就必須使用 export 關鍵字輸出該變數/函式/類。

輸出變數

//profile.js
export var firstName = 'michael';
export var lastName = 'jackson';
export var year = 1958;
//優先考慮使用大括號指定所要輸出的一組變數，可以在指令碼尾部，容易看清楚輸出了哪些變數
var firstName = 'michael';
var lastName = 'jackson';
var year = 1958;
export {firstName, lastName, year};

輸出函式或類(class)

//輸出函式
export function multiply(x, y){
return x * y;
}
//第二種寫法，使用大括號輸出
function multiply(x, y){
    return x * y;
}
export {multiply};
//export輸出的變數就是本來的名字，可以使用as關鍵字重新命名
function v1() {...}
function v2() {...}
export {
    v1 as streamV1,
    v2 as streamv2,
    v2 as streamLatestVersion    //v2可以用不同的名字輸出
}

tips:export 命令規定的是對外的介面，必須與模組內部的變數建立一一對應關係。

//報錯
export 1;
//報錯
var m = 1;
export m;
//正確
export var m = 1;
//正確
var m = 1;
export {m};
//正確
var n = 1;
export {n as m};
//報錯
function f() {}
export f;
//正確
export function f() {}
//正確
function f() {}
export {f};
本作品採用《CC 協議》，轉載必須註明作者和本文連結

相關文章