Bagaimanakah Saya Boleh Mengimport Modul Secara Dinamik dalam ES6 Berdasarkan Pembolehubah?

Import ES6 Sedar Pembolehubah

Dalam ES6, pernyataan import menyediakan cara yang mudah untuk mengimport modul ke dalam kod anda. Walau bagaimanapun, bagaimana jika anda perlu mengimport modul berdasarkan nama pembolehubah semasa runtime? Ini mungkin timbul dalam senario di mana anda memuatkan modul secara dinamik berdasarkan tetapan konfigurasi.

Import Statik

Malangnya, pernyataan import dalam ES6 dianalisis secara statik. Ini bermakna modul yang diimport mesti diketahui pada masa penyusunan. Oleh itu, anda tidak boleh menggunakan nama pembolehubah untuk menentukan modul untuk diimport.

API Pemuat

Untuk memuatkan modul secara dinamik, anda perlu menggunakan API Pemuat. API ini menyediakan fungsi yang dipanggil System.import() yang menerima rentetan yang menyatakan modul yang akan dimuatkan. Contoh berikut menunjukkan cara anda boleh menggunakannya untuk memuatkan modul berdasarkan nama pembolehubah:

<code class="javascript">System.import('./utils/' + variableName).then(function(module) {
  console.log(module);
});</code>

Fungsi System.import() mengembalikan janji yang diselesaikan kepada modul yang dimuatkan. Anda kemudiannya boleh mengakses ahli modul yang dieksport menggunakan objek modul.

Pertimbangan Keserasian

API Loader disokong dalam penyemak imbas moden dan Node.js. Walau bagaimanapun, anda mungkin perlu menggunakan polyfill untuk mencapai keserasian dengan penyemak imbas lama.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengimport Modul Secara Dinamik dalam ES6 Berdasarkan Pembolehubah?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!