Bagaimanakah Saya Boleh Memasukkan Satu Fail JavaScript dalam Fail Lain?

Bagaimanakah Saya Memasukkan Satu Fail JavaScript dalam Lain?

Memasukkan satu fail JavaScript dalam yang lain tidak semudah menggunakan @import dalam CSS . Sebelum ES6, pelbagai pendekatan telah digunakan untuk menangani isu ini.

Modul ES6

Sejak 2015 (ES6), JavaScript memperkenalkan modul ES6 untuk mengimport modul dalam Node.js. Kebanyakan pelayar moden juga menyokong standard ini. Modul ES6 menggunakan sintaks berikut:

export function hello() {
  return "Hello";
}

import { hello } from './module.js';
let val = hello(); // val is "Hello";

Node.js memerlukan

Node.js menggunakan gaya modul CJS yang lebih lama, yang berdasarkan modul.eksport/memerlukan sistem:

// mymodule.js
module.exports = {
   hello: function() {
      return "Hello";
   }
}

// server.js
const myModule = require('./mymodule');
let val = myModule.hello(); // val is "Hello"   

Kaedah Pemuatan Pelayar Lain

Selain modul ES6, pelayar juga menyediakan pelbagai pilihan lain untuk memuatkan kandungan JavaScript luaran:

• AJAX Memuat: Gunakan panggilan AJAX untuk memuatkan tambahan skrip dan kemudian jalankannya menggunakan eval.
• Pemuatan Ambil: Muatkan skrip menggunakan panggilan ambil dan janji untuk mengawal perintah pelaksanaan.
• Pemuatan jQuery: Gunakan perpustakaan jQuery untuk memuatkan skrip dengan satu baris kod.
• Pemuatan Skrip Dinamik: Tambahkan teg skrip dengan URL skrip ke dalam HTML. Ini membolehkan penyemak imbas menilai kod.

Mengesan Perlaksanaan Skrip

Apabila memuatkan kod dari jauh, penyemak imbas moden melaksanakan skrip secara tidak segerak, jadi kod mungkin tidak tersedia serta-merta selepas dimuatkan. Untuk mengesan apabila skrip telah dilaksanakan, anda boleh menggunakan:

• Pengendali Acara: Ikat acara onload atau onreadystatechange bagi teg skrip kepada fungsi panggil balik.
• Gabungan/Prapemprosesan Kod Sumber: Gunakan alat binaan/transpilasi seperti Parcel, Webpack, atau Babel untuk menggabungkan dan memproses fail JavaScript sebelum ia dimuatkan ke dalam penyemak imbas.

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