Nested import declarations - TC39 Proposals

4031 ワード

JavaScript TC39 JavaScript テキストリンク

この記事は2019年10月9日に書いたものであり、#tc39_study TC39 Proposals LT 大会で使用したもの。

この機能はまだ未策定かつ変更の可能性が高い。

状況

Stage : 0
URL : https://github.com/benjamn/reify/blob/master/PROPOSAL.md
Champion : Ben Newman
- この頃はFacebookやMozillaに居たかもしれないが、今はMeteorでApolloの開発者ぽい

提案内容

importをtop level以外でも使用できるようにするというもの。

関数内にネスト可能で、スコープは関数内に限定し、同期的宣言。


if (condition) import "./sometimes";

if (condition) {
  import "./sometimes";
}

if (condition) let foo = bar;

Dynamic importとの違い

非同期関数内のみで動作する。

async function main() {
  const hoge = await import('./hoge.js');
  hoge()
}

このDynamic importはすでに現在EdgeやIE以外の主要ブラウザで使用できる。