ES6 で条件付きモジュールのインポートを実装するにはどうすればよいですか?

動的 ES6 モジュールのインポート

ES6 での条件付きインポートは、インポートの配置に制限があるため、以前は困難でした。ただし、ECMAScript 2020 での動的インポートの導入により、これが可能になりました。

条件付きインポート メカニズム

モジュールを条件付きでインポートするには、次の構文を使用できます。

<code class="javascript">if (condition) {
    import('module-name')
    .then((module) => {
        console.log(module.function);
    });
}</code>

これは、インポートされたモジュールに解決される Promise を返します。 ".then()" コールバック内でエクスポートされた関数と変数にアクセスできます。

例

条件付きで "something" モジュールをインポートし、その "doStuff" を使用するには()" 関数を使用する場合は、次のように記述します:

<code class="javascript">if (condition) {
    import('something')
    .then((something) => {
        something.doStuff();
    });
}</code>

Availability

動的インポートは最新のブラウザでサポートされており、Babel プリセットまたはポリフィルを使用して有効にできます。必要に応じて。

以上がES6 で条件付きモジュールのインポートを実装するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。