javascript - JavaScript のクラシック スクリプトとモジュール スクリプト

Question

このステートメントを見たとき、タグのWHATWG仕様asyncとdefer属性を調べていました。<script>

従来のスクリプトでdeferは、またはを指定できますasync。モジュール スクリプトは を指定できますasync。

クラシックスクリプトとモジュールスクリプトの WHATWG 定義を確認しましたが、あまり明確にはなりませんでした。簡単に言えば、 JavaScriptのクラシックスクリプトとモジュールスクリプトの違いは何ですか?

Answer 1

クラシック スクリプトは、ご存じのとおり、単なる標準の JavaScript スクリプトです。モジュール スクリプトは、ES6 モジュールを含むスクリプトです。つまり、宣言を使用 (または使用可能)importします。export

§8.1.3.8 JavaScriptモジュールシステムとの統合から:

JavaScript 仕様では、モジュールの構文と、処理モデルのホストに依存しない部分が定義されています。この仕様は、処理モデルの残りの部分を定義します。属性が に設定され たscript要素を介して、モジュール システムがどのようにブートストラップされるか、およびモジュールがどのように取得、解決、実行されるかです。 [JAVASCRIPT]type"module"

注: JavaScript の仕様は「スクリプト」と「モジュール」の観点から語られていますが、一般的に、この仕様はクラシック スクリプト とモジュール スクリプトの観点から語られています。どちらも script 要素を使用しているためです。

https://blog.whatwg.org/js-modulesもご覧ください。