Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Mengimport Modul ES6 Secara Dinamik dalam JavaScript?

Bagaimana untuk Mengimport Modul ES6 Secara Dinamik dalam JavaScript?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-10-31 09:22:17210semak imbas

How to Dynamically Import ES6 Modules in 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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn