es6モジュールはどのように自分自身をインポートできますか？

Question

私はfooModuleというモジュールを持っています。このモジュールの内部では、私はインポートfooModule（自体）：

import * as fooModule from './fooModule'; 

export function logFoo() { 
    console.log(fooModule) 
} 

logFoo()が呼び出されると、私はfooModuleの輸出のすべてを見ることができます。 これはどのように機能しますか？

Answer 1

宣言的なインポート/エクスポートでは、循環依存は問題ありません。 :-)

ソリューションはimportが変数に値をインポートしていないということですが、それは、変数エクスポート変数へ参照作ることにかかわらず、あなたのケースでは、円は最低限の長さです。可変変数の例はhere、正確な用語はthis questionをご覧ください。
モジュールネームスペースオブジェクトでも同じです。それらのプロパティは、実際にエクスポートされた変数を解決するゲッターだけです。あなたのモジュールがロードされ、評価されたときに

だから、次の手順が発生します。

1. ソースを静的モジュールスコープが作成された依存関係グラフ
2. を構築するためにexportとimport宣言のために分析されて
3. あなたのモジュールの唯一の依存関係はそれ自体であり、すでに初期化されているので、それを待つ必要はありません。
4. fooModule変数が作成され、エクスポートされたモジュールの名前を持つオブジェクト。これは["logFoo"]であることが知られています。 fooModule.logFooプロパティはgetterになり、モジュールスコープの変数logFooになります（export {A as B}を使用した場合、fooModule.BはAに解決されますが、両方の名前が同じです）。
5. モジュールスコープ内の変数の宣言は、あなたのケースlogFooには、変数を作成し、関数宣言が初期化されている（すなわちlogFooは機能が割り当てられます）
6. モジュールコードが実行される（あなたの場合には、何も起こりません）

logFooをインポートするモジュールでfooModuleを呼び出すと、logFooを含む名前空間が参照されます。いいえ魔法:-)