Bagaimanakah Saya Boleh Sertakan Fail JavaScript dalam Fail JavaScript Lain?

Termasuk Fail JavaScript dalam Fail JavaScript Lain

Dalam JavaScript, pengimportan modul adalah berbeza daripada @import CSS. Versi awal JavaScript tidak mempunyai import, menyertakan atau memerlukan fungsi, yang membawa kepada pelbagai pendekatan untuk memasukkan fail JavaScript dalam yang lain. Walau bagaimanapun, sejak ES6 (2015), JavaScript telah memperkenalkan standard modul ES6 untuk mengimport modul ke Node.js dan kebanyakan penyemak imbas moden.

Modul ES6

Penggunaan modul ES6 sintaks berikut:

import { function } from './module.js';
// or
import * as module from './module.js';

Modul ECMAScript dalam Pelayar

Penyemak imbas menyokong pemuatan modul ES6 secara langsung, tanpa alat binaan seperti Webpack. Gunakan sintaks berikut:

<script type="module">
  import { function } from './module.js';
</script>

Node.js memerlukan

Node.js menggunakan gaya modul CJS:

const module = require('./module.js');

Kaedah Lain

Selain modul ES6 dan Node.js memerlukan, cara lain untuk memasukkan fail JavaScript dalam penyemak imbas termasuk:

• Pemuatan AJAX: Gunakan panggilan AJAX untuk memuatkan skrip dan eval untuk menjalankannya. Terhad kepada domain yang sama kerana keselamatan.
• Fetch Loading: Gunakan fetch with promises untuk mengawal susunan pelaksanaan skrip.
• jQuery Loading: Gunakan jQuery untuk memuatkan skrip dalam satu baris.
• Dinamik Pemuatan Skrip: Cipta teg skrip dengan URL dan tambahkannya pada HTML.

Mengesan Pelaksanaan Skrip

Termasuk fail JavaScript dari jauh bermaksud tak segerak memuatkan. Untuk memastikan kod yang dimuatkan tersedia serta-merta, gunakan teknik berikut:

function loadScript(url, callback) {
  // Create script tag
  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = url;

  // Bind event to callback function
  script.onreadystatechange = callback;
  script.onload = callback;

  // Append to HTML
  document.head.appendChild(script);
}

Gabung/Praproses Kod Sumber

Bina alatan seperti Parcel, Webpack dan Babel boleh digunakan untuk menggabungkan kod sumber, menyediakan keserasian ke belakang dan mengecilkan fail.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Sertakan Fail JavaScript dalam Fail JavaScript Lain?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!