Dynamische, bedingte Importe

ES -Module ermöglichen native JavaScript -Importe. Zum Beispiel importieren Sie eine Konfetti -Bibliothek:

 Import Confetti von 'https://cdn.skypack.dev/canvas-confetti';
Konfetti();

Dieser Import wird sofort ausgeführt. Die bedingte Belastung ist jedoch mit diesem Muster möglich:

 (async () => {
  if (Zustand) {
    // warte import ("stoffe.js");

    // bedingter Import von Konfetti (erfordert diese spezifische Syntax aufgrund ihrer Natur)
    const {Standard: confetti} = warte import (import (
      "https://cdn.skypack.dev/canvas-confetti@latest"
    );
    Konfetti();
  }
}) ();

Der bedingte Ansatz ist für verschiedene Szenarien nützlich. Zum Beispiel Ladenmodule basierend auf der URL oder auf konditionellen Rendern von Webkomponenten. Die Möglichkeiten sind zahlreich.

Ein weiterer wichtiger Vorteil ist verantwortungsbewusst, bedingte Belastung. Betrachten Sie dieses Beispiel, wobei ein Modul nur lädt, wenn saveData ist: falsch ist:

 // ... (Rest des Codes)

Das obige ist der detaillierte Inhalt vonDynamische, bedingte Importe. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!