JavaScript のスクリプトインポートを正しく使い分けようという話

JavaScript の文脈で「スクリプトをインポートする」といった場合、色々な可能性が考えられます。現場での混乱を避けるためにも用語を正しく使い分ける必要があります。そこで本記事では JavaScript のスクリプトインポートについて整理します。 更新履歴 2019/12/05 Dedicated Worker の ES Modules サポートについて追記しました。 2018/09/08 Worklet の type とその上での dynamic import について追記しました。 Service Worker 上での importScripts について追記しました。 Classic Script と Module Script スクリプトインポートを理解するには、スクリプトについて正確に理解する必要があります。HTML の仕様では、スクリプトには Classic Script

[AmaiSaeta]

歴史的経緯とかいろいろ仕方ない事とは理解しつつ、それでもやっぱり面倒くさいなコレは……

[t2wave]

Classic WorkerとModule Worker

[efcl]

module, worker, workletにおけるimportについて

[teppeis]

WorkerとModule, インポート方法の対応表

[yarumato]

“ClassicScriptは従来型のスクリプトで、ModuleScriptはESModules。Chrome61からModuleScriptをサポート。スクリプトのインポート方法は三つ。Static import / Dynamic import(Chrome63+) / importScripts”

[Fushihara]

今、スクリプトがどのコンテキストで動作しているのか？を、そろそろ片手でリストアップするのが厳しくなってきたな・・