ES6 模組

Created: November-22, 2018

Version >= 6

在 ECMAScript 6 中，當使用模組語法（匯入/匯出）時，每個檔案都成為具有私有名稱空間的自己的模組。頂級函式和變數不會汙染全域性名稱空間。要公開要匯入的其他模組的函式，類和變數，可以使用 export 關鍵字。

注意： 雖然這是建立 JavaScript 模組的官方方法，但現在任何主流瀏覽器都不支援它。但是，許多轉換器都支援 ES6 模組。

export function greet(name) {
    console.log("Hello %s!", name);
}

var myMethod = function(param) {
    return "Here's what you said: " + param;
};

export {myMethod}

export class MyClass {
    test() {}
}

使用模組

匯入模組就像指定路徑一樣簡單：

import greet from "mymodule.js";

greet("Bob");

這隻從 mymodule.js 檔案中匯入 myMethod 方法。

也可以從模組匯入所有方法：

import * as myModule from "mymodule.js";

myModule.greet("Alice");

你還可以使用新名稱匯入方法：

import { greet as A, myMethod as B } from "mymodule.js";

有關 ES6 模組的更多資訊，請參閱模組主題。