JavaScript の import がベタ書きしか許されていない理由を知りたいです

Question

質問

JavaScript の import の際、テンプレートリテラルと変数が使えないのはどういうロジックなのでしょうか？

こういう仕様になってる理由がわからないのですが、なにか歴史的な経緯とかですか？

具体例

ベタ書きの普通のカンマシングルクォート「'」はできる（というかこれしかできない）

import utils from '/assets/js/module/utils.js';

バックスラッシュバッククォート「`」だとできない

import utils from `/assets/js/module/utils.js`;

変数だとできない

const DIR = '/assets/js/module';
import utils from DIR + '/utils.js';

・・・不便じゃないですか？(｡•́︿•̀｡)

Comments

[int32_t]

質問の本題とは関係ないですが、「'」は「シングルクォート」、「`」は「バッククォート」と呼ぶのが普通だと思います。
カンマは「,」、バックスラッシュは「\」。

[munekun]

コメントありがとうございます
用語の誤りを訂正しました

Answer 1

その制約により、モジュールの評価前に静的解析が行われ、リンクされるためです。
恐らくはそこを許容してしまうと、他モジュールとのリンク前にパスに指定された変数などの評価が行われ、結果として他の処理も走ってしまうから…ではないですかね…？

詳細はリファレンスなどをご参照ください。
参考: import - JavaScript | MDN

Comments

[m.ts10806]

> モジュールの評価前に静的解析が行われ、リンクされ

そこまで考えたことなかった。勉強になりました＋１

Answer 2

ご質問から外れるかもしれませんが、動的インポートであればできます。

リテラルでない指定子を持つモジュールのインポート | import() - JavaScript | MDN

Comments

[munekun]

ありがとうございます。モジュール化した.jsファイルが入っているディレクトリが同じなのでディレクトリ名の部分に質問のような DIR という変数を使いたくなっての質問だったのですが、そちらの動的な import() で変数が使えるのならもう全部そうしたくなりますね。