Program JavaScript untuk Menyertakan file JS dalam file JS lain

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 importkata 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 exportpernyataan 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 importpernyataan 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.

Artikel yang menarik...