Bagaimana untuk Mengimport Modul ES6 Secara Dinamik dalam JavaScript?

Import Modul ES6 Dinamik Terbongkar

Jika anda ingin mengimport modul ES6 secara dinamik, anda mungkin menghadapi had di mana pengisytiharan "import" dan "eksport" boleh hanya berada di peringkat teratas fail. Untuk menangani perkara ini, mari kita terokai penyelesaiannya.

Pada mulanya, System.import ialah pilihan yang menjanjikan, tetapi status semasanya masih tidak jelas. Nasib baik, ECMAScript 2020 memperkenalkan import dinamik, kini tersedia melalui pratetap babel.

Untuk import modul bersyarat, berikut ialah kes penggunaan:

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

Pendekatan ini mengembalikan janji, dengan resolusinya mengandungi modul yang diimport. Cadangan import dinamik menawarkan ciri tambahan seperti berbilang import dinamik, import lalai dan import fail JavaScript. Terokai import dinamik dengan lebih lanjut di sini.

Atas ialah kandungan terperinci Bagaimana untuk Mengimport Modul ES6 Secara Dinamik dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!