Comment puis-je implémenter des importations de modules conditionnelles dans ES6 ?

Importations de modules ES6 dynamiques

Les importations conditionnelles dans ES6 étaient auparavant difficiles en raison de restrictions sur le placement des importations. Cependant, avec l'introduction des importations dynamiques dans ECMAScript 2020, cela est désormais possible.

Mécanisme d'importation conditionnelle

Pour importer un module de manière conditionnelle, vous pouvez utiliser la syntaxe :

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

Cela renvoie une promesse qui résout le module importé. Vous pouvez accéder à ses fonctions et variables exportées dans le rappel ".then()".

Exemple

Pour importer conditionnellement le module "quelque chose" et utiliser son "doStuff ()", vous écririez :

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

Disponibilité

Les importations dynamiques sont prises en charge par les navigateurs modernes et peuvent être activées via un préréglage Babel ou à l'aide d'un polyfill si nécessaire.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!