Bagaimana untuk Memuatkan Skrip secara serentak dalam JavaScript: Mengapa dan Bila?

Pemuatan Segerak Fail Skrip Menggunakan document.createElement("skrip")

Memuatkan skrip luaran secara tidak segerak memastikan pemaparan halaman tidak disekat semasa skrip sedang diambil dan dihuraikan. Walau bagaimanapun, mungkin terdapat kes penggunaan di mana anda perlu memuatkan fail skrip secara serentak dan menggunakannya dengan segera.

Coretan kod cuba memuatkan fail skrip secara serentak dan menggunakan fungsi daripadanya. Walau bagaimanapun, ia menghadapi isu masa kerana skrip belum lagi dimuatkan dan dilaksanakan apabila fungsi dipanggil.

Menyelesaikan isu ini melibatkan pengiktirafan bahawa memuatkan skrip secara tidak segerak ialah pendekatan standard. Walau bagaimanapun, dalam senario tertentu tertentu, anda mungkin perlu mengawal proses pemuatan secara manual.

Fungsi Pemuatan Skrip Tersuai

Untuk menambah baik proses pemuatan skrip, anda boleh mencipta fungsi tersuai yang menggabungkan pengendali "onload" kepada unsur. Setelah skrip berjaya dimuatkan, fungsi "onload" akan dicetuskan, menandakan bahawa skrip telah dihuraikan dan sedia untuk digunakan.

<code class="js">function Include(src) {
  var script = document.createElement('script');
  script.onload = function() {
    console.log("Script " + src + " has been loaded.");
  };
  script.src = src;
  document.getElementsByTagName('head')[0].appendChild(script);
}</code>

Contoh Penggunaan

Dengan fungsi tersuai ini, anda boleh memasukkan dan menggunakan skrip dengan mudah secara berurutan.

<code class="js">Include('my1.js');
Include('my2.js');

myFunc1('blarg');
myFunc2('bleet');</code>

Penghadan

Perhatikan bahawa pemuatan skrip segerak mungkin tidak wajar dalam semua keadaan. Penggunaan skrip segerak yang berlebihan boleh melambatkan pemaparan halaman dan menghalang pengalaman pengguna. Secara umumnya disyorkan untuk mengoptimumkan pemuatan skrip untuk pelaksanaan tak segerak bagi meminimumkan kesan prestasi.

Atas ialah kandungan terperinci Bagaimana untuk Memuatkan Skrip secara serentak dalam JavaScript: Mengapa dan Bila?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!