モジュールはインポートされていない他のモジュールに格納された変数にアクセスできますが、両方のモジュールはメインファイルにエクスポートされますか？

Question

私はJavaScriptの世界で初心者です。私はモジュールとその使い方を学んでいます。
状況：
main.jsファイルと2つのモジュール#jsファイルmodule1.jsとmodule2.jsがあります。

project/ 
    main.js 
    modules/ 
     module1.js 
     module2.js 

これらのファイルは両方とも、個別main.jsにインポートされているが、module2.jsは、配列items = [item1, item2, item3]内のすべての項目を表示するように意図された機能displayAll()が含まれています。

function displayAll() { 
    for (let i = 0; i < items.length; i++) { 
    console.log(`Item ${i} is ${items[i]}`) 
    } 
} 

これは正確には見えないが、それはポイントの横にある。私の質問はです。上記の機能はmodule2.jsに含まれていますので、module1.jsに含まれているitemsの配列にアクセスさせるにはどうしたらいいですか？別のファイルが必要な場合はどうすればいいですか？どのように私は輸入の厄介なWebを作成せずに複数のファイルにエクスポートできますか？
私はまだどのフレームワークにも慣れていないので、可能な限りコアJavaScriptを使用してください。
ありがとうございます！

Answer 1

まず、必要なものをロードする関数を作成する必要があります。 module2.jsで

、あなたは、実際にmodule1.jsを取得した後に実行したいコードを実行するコールバック関数を作成する必要が

function loadJS(callback) {     
    var firstScriptElem = document.getElementsByTagName('script')[0], script = document.createElement('script'); 

    script.type = 'text/javascript'; 
    script.src = module1.js; 
    script.async = false; 

    // Binds the event to the callback function. We use more than one event for cross browser compatibility. 
    script.onreadystatechange = callback; 
    script.onload = callback; 

    firstScriptElem.appendChild(script);  

}; 

それにmodule1.jsを付加し、この関数を作成します

モジュール2では、loadJS(callBack)と呼んでいます。

私はあなたが新しく、まだフレームワークに乗りたくないことを知っています。しかし、私はあなたに言及する必要があります.JSはこれをすべて非常に簡単に行います。上記の種類のコードをしばらく使用していましたが、requireJSを使用し始めると、最初から使用していたはずです。なぜなら、より整理された方法で、それを自分自身で繰り返す必要がないからです。モジュール管理が簡単になりました（私も、最近はJavaScriptのモジュールパターンの学習を始めました）。