ホームページ >ウェブフロントエンド >jsチュートリアル >ES6 モジュールの条件付きインポートを実現するにはどうすればよいですか?

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

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-11-03 14:39:30997ブラウズ

 How to Achieve Conditional Importation of ES6 Modules?

ES6 モジュールの条件付きインポート

ES6 では、「import」および「export」キーワードは、モジュールの最上位にのみ表示できます。モジュール。これにより、多くのアプリケーションで一般的な要件である条件付きインポートが防止されます。この質問では、この問題の解決策を検討します。

最初、ユーザーは条件ステートメントを使用してモジュールをインポートしようとしましたが、SyntaxError が発生しました。次に、ユーザーは System.import を使用して調査しましたが、必要なリソースを見つけるのが困難でした。

条件付きインポートに対する解決策は、ECMAScript 2020 に動的インポートを導入することで提供されます。動的インポートでは、import() 関数を使用します。モジュール名を表す文字列引数。この関数は、インポートされたモジュールに解決される Promise を返します。

動的インポートを使用してモジュールを条件付きでインポートする方法は次のとおりです。

if (condition) {
  import('something')
  .then((something) => {
    console.log(something.something);
  });
}

この例では、'import' キーワードが条件文。 import() 関数は Promise を返し、それが解決されてモジュールが「something」変数に割り当てられます。これにより、構文エラーなしでモジュールを条件付きでインポートできます。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。