Wie kann ich bedingte Modulimporte in ES6 implementieren?

Dynamische ES6-Modulimporte

Bedingte Importe in ES6 waren bisher aufgrund von Einschränkungen bei der Importplatzierung eine Herausforderung. Mit der Einführung dynamischer Importe in ECMAScript 2020 ist dies jedoch jetzt möglich.

Bedingter Importmechanismus

Um ein Modul bedingt zu importieren, können Sie die Syntax verwenden:

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

Dies gibt ein Versprechen zurück, das in das importierte Modul aufgelöst wird. Sie können auf die exportierten Funktionen und Variablen im Callback „.then()“ zugreifen.

Beispiel

Um das Modul „something“ bedingt zu importieren und dessen „doStuff“ zu verwenden ()“-Funktion würden Sie schreiben:

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

Verfügbarkeit

Dynamische Importe werden von modernen Browsern unterstützt und können über eine Babel-Voreinstellung oder mithilfe einer Polyfüllung aktiviert werden bei Bedarf.

Das obige ist der detaillierte Inhalt vonWie kann ich bedingte Modulimporte in ES6 implementieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!