Dalam contoh ini, anda akan belajar menulis program JavaScript yang akan memasukkan fail JS ke fail JS lain.
Untuk memahami contoh ini, anda harus mempunyai pengetahuan mengenai topik pengaturcaraan JavaScript berikut:
- Pembolehubah dan Pemalar JavaScript
- Ekspresi Fungsi dan Fungsi JavaScript
- Modul JavaScript
Contoh: Menggunakan import / eksport
Mari buat fail bernama module.js (nama fail boleh menjadi apa sahaja) dengan kandungan berikut:
// program to include JS file into another JS file const message = 'hello world'; const number = 10; function multiplyNumbers(a, b) ( return a * b; ) // exporting variables and function export ( message, number, multiplyNumbers );
Untuk memasukkan pemboleh ubah dan fungsi ini dalam fail lain, katakan main.js , anda boleh menggunakan import
kata kunci sebagai:
// import the variables and function from module.js import ( message, number, multiplyNumbers ) from './modules.js'; console.log(message); // hello world console.log(number); // 10 console.log(multiplyNumbers(3, 4)); // 12 console.log(multiplyNumbers(5, 8)); // 40
Untuk memasukkan fail lain, anda harus mengeksport kod yang ingin anda gunakan dalam fail lain menggunakan export
pernyataan. Sebagai contoh,
export ( message, number, multiplyNumbers );
Anda juga boleh melakukan eksport individu. Sebagai contoh,
export const message = 'hello world'; export const number = 10;
Untuk memasukkan kod dari fail lain, anda harus menggunakan import
pernyataan dan mengimport menggunakan jalur fail. Sebagai contoh,
// importing codes from module file import ( message, number, multiplyNumbers ) from './modules.js';
Kemudian, anda boleh menggunakan kod ini kerana ia adalah bahagian dari fail yang sama.
Ini membantu dalam menulis kod yang lebih bersih, terpelihara, dan modular.