ブラウザで JavaScript モジュールを同期的に実行するにはどうすればよいですか?

document.createElement("script") を使用して JavaScript モジュールを同期的に実行する

JavaScript ファイルの呼び出しは通常非同期であるため、後続のコード実行は外部スクリプトがロードされて評価される前に発生します。これにより、外部スクリプト内で定義された関数や変数を使用するときに問題が発生する可能性があります。

同期実行の 1 つのアプローチは、作成されたスクリプト要素に対して onload ハンドラーを使用することです。スクリプトが処理されると、このハンドラーは目的の関数またはコードを呼び出します。

<code class="javascript">const script = document.createElement('script');
script.onload = () => {
  // Script loaded and ready
  console.log("Script loaded and ready");
};
script.src = "http://whatever.com/the/script.js";
document.getElementsByTagName('head')[0].appendChild(script);</code>

ただし、Internet Explorer はスクリプト タグの「load」イベントをトリガーしないため、同期には別の方法が必要です。例には、XMLHttpRequest を実行してスクリプトを取得し、それを手動で実行することや、動的に作成されたスクリプト タグにスクリプト テキストを挿入することが含まれます。

スクリプト管理を改善し、特殊なケースを処理するには、次のような堅牢なスクリプト読み込みツールを検討することをお勧めします。 RequireJS または yepnope として、Modernizr と統合されました。

以上がブラウザで JavaScript モジュールを同期的に実行するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。