Bagaimanakah Saya Boleh Melaksanakan Modul JavaScript Secara Segerak dalam Pelayar?

Laksanakan Modul JavaScript Secara Segerak Menggunakan document.createElement("script")

Panggilan ke fail JavaScript biasanya tidak segerak, bermakna pelaksanaan kod berikutnya mungkin berlaku sebelum skrip luaran dimuatkan dan dinilai. Ini boleh membawa kepada cabaran apabila menggunakan fungsi atau pembolehubah yang ditakrifkan dalam skrip luaran.

Satu pendekatan untuk pelaksanaan segerak ialah menggunakan pengendali onload untuk elemen skrip yang dicipta. Pengendali ini akan menggunakan fungsi atau kod yang diingini setelah skrip telah diproses.

<code class="javascript">const script = document.createElement('script');
script.onload = () => {
  // Script loaded and ready
  console.log("Script loaded and ready");
};
script.src = "http://whatever.com/the/script.js";
document.getElementsByTagName('head')[0].appendChild(script);</code>

Walau bagaimanapun, Internet Explorer tidak mencetuskan peristiwa "muatan" untuk teg skrip, yang memerlukan kaedah alternatif untuk penyegerakan. Contohnya termasuk melaksanakan XMLHttpRequest untuk mendapatkan semula skrip dan melaksanakannya secara manual atau memasukkan teks skrip ke dalam teg skrip yang dibuat secara dinamik.

Untuk pengurusan skrip yang lebih baik dan pengendalian kes khas, adalah disyorkan untuk mempertimbangkan alat pemuatan skrip yang mantap seperti sebagai RequireJS atau yepnope, yang kini disepadukan dengan Modernizr.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Melaksanakan Modul JavaScript Secara Segerak dalam Pelayar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!