Dinamik, import bersyarat

Modul ES membenarkan import JavaScript asli. Sebagai contoh, mengimport perpustakaan confetti:

 import confetti dari 'https://cdn.skypack.dev/canvas-confetti';
confetti ();

Import ini dilaksanakan dengan segera. Walau bagaimanapun, pemuatan bersyarat mungkin menggunakan corak ini:

 (async () => {
  jika (keadaan) {
    // menunggu import ("stuff.js");

    // Import bersyarat konfetti (memerlukan sintaks khusus ini kerana sifatnya)
    const {default: confetti} = menunggu import (
      "https://cdn.skypack.dev/canvas-confetti@latest"
    );
    confetti ();
  }
}) ();

Pendekatan bersyarat berguna untuk pelbagai senario. Sebagai contoh, memuatkan modul berdasarkan URL, atau komponen web yang membuat kondisian. Kemungkinannya banyak.

Satu lagi manfaat utama adalah bertanggungjawab, pemuatan bersyarat. Pertimbangkan contoh ini, di mana modul hanya dimuatkan jika saveData adalah palsu:

 // ... (selebihnya kod)

Atas ialah kandungan terperinci Dinamik, import bersyarat. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!