Dalam contoh ini, Anda akan belajar menulis program JavaScript yang akan menyertakan file JS ke file JS lain.
Untuk memahami contoh ini, Anda harus memiliki pengetahuan tentang topik pemrograman JavaScript berikut:
- Variabel dan Konstanta JavaScript
- Fungsi JavaScript dan Ekspresi Fungsi
- Modul JavaScript
Contoh: Menggunakan impor / ekspor
Mari buat file bernama module.js (nama file bisa apa saja) dengan konten 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 variabel dan fungsi ini ke file lain, katakanlah main.js , Anda dapat 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 menyertakan file lain, Anda harus mengekspor kode yang ingin Anda gunakan di file lain menggunakan export
pernyataan tersebut. Sebagai contoh,
export ( message, number, multiplyNumbers );
Anda juga dapat melakukan ekspor individu. Sebagai contoh,
export const message = 'hello world'; export const number = 10;
Untuk memasukkan kode dari file lain, Anda harus menggunakan import
pernyataan dan mengimpor menggunakan jalur file. Sebagai contoh,
// importing codes from module file import ( message, number, multiplyNumbers ) from './modules.js';
Kemudian, Anda dapat menggunakan kode ini karena merupakan bagian dari file yang sama.
Ini membantu dalam menulis kode yang lebih bersih, dapat dipelihara, dan modular.