ES6はファイルを複数の場所にインポートします。なぜファイルが1回ロードされるのですか？

Question

common.jsを名前付き共通のファイルがある場合は、その他などa.js、b.jsとして...

common.js

const Common = { property: 'initial' } 
export { Common }; 

a.js

import { Common } from 'common.js'; 
Common.property = 'changed'; 

b.js

import { Common } from 'common.js'; 
console.log(Common.property); 

まず、a.jsが実行され、common.jsが実行され、メモリにロードされます。

次に、エンジンによって実行されるb.js。

1. common.jsは、再度読み込まれるか、または既存のcommon.jsをメモリに使用しますか？
2. common.jsが他のxx.jsスクリプトで更新された場合、importはどのように動作しますか？

Answer 1

私はあなたがNode.jsを使用していると仮定しているので、importは、transpiling後にrequireになります。ドキュメントから

：

モジュールは、彼らがロードされた最初の時間の後にキャッシュされます。これは、とりわけ、require('foo')へのすべての呼び出しで、同じファイルに解決される場合は、返されるオブジェクトがまったく同じになることを意味します。

1. をモジュールがそのようにあなたが同じオブジェクト
2. を変更しているキャッシュされていることが
   • を割り当てられた最後の値を表示します：明示的にあなたの質問に答えるために

Source

例えば、 a.jsが実行された場合

のみb.jsが実行された場合、それはオンラインhereそれを試してみてくださいinitial

を印刷します。

Answer 2

ノード！= ES2015。

特に、ES2015のインポートシステムは、ノードのrequire構文とは異なります。

ES2015では、ランタイム中にモジュールの形状を変更することはできません。コードは静的であり、メモリー内に構築されています。どのような実用的な実装を行う可能性がありますすることは疑問視する次第ですについては

が、TL; DRは、モジュールのロードまたは悪いことの間でファイルを変更するべきではないということです（TM）を発生する可能性があり