JavaScript ES6モジュール


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モジュールの詳細については、 モジュールのトピックを参照してください。