Bagaimanakah Saya Boleh Melaksanakan Import Modul Bersyarat dalam ES6?

Import Modul ES6 Dinamik

Import bersyarat dalam ES6 sebelum ini mencabar disebabkan oleh sekatan pada penempatan import. Walau bagaimanapun, dengan pengenalan import dinamik dalam ECMAScript 2020, ini kini boleh dilakukan.

Mekanisme Import Bersyarat

Untuk mengimport modul secara bersyarat, anda boleh menggunakan sintaks:

<code class="javascript">if (condition) {
    import('module-name')
    .then((module) => {
        console.log(module.function);
    });
}</code>

Ini mengembalikan janji yang diselesaikan kepada modul yang diimport. Anda boleh mengakses fungsi dan pembolehubahnya yang dieksport dalam panggilan balik ".then()".

Contoh

Untuk mengimport modul "sesuatu" secara bersyarat dan gunakan "doStuff"nya ()", anda akan menulis:

<code class="javascript">if (condition) {
    import('something')
    .then((something) => {
        something.doStuff();
    });
}</code>

Ketersediaan

Import dinamik disokong oleh penyemak imbas moden dan boleh didayakan melalui pratetap Babel atau menggunakan polyfill jika perlu.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Melaksanakan Import Modul Bersyarat dalam ES6?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!