PETIK.NET - JavaScript telah menjadi salah satu bahasa pemrograman yang paling banyak digunakan di dunia saat ini. Dalam bahasa pemrograman ini, modul adalah sebuah file JavaScript yang berisi kode yang dapat digunakan kembali dan dikelola secara terpisah. Dalam artikel ini, kami akan membahas tentang pembuatan dan penggunaan modul JavaScript serta cara mengexport dan mengimport modul tersebut.
Pembuatan Modul JavaScript
Untuk membuat modul JavaScript, cukup buat file JavaScript biasa dan simpan dengan ekstensi .js. Dalam file tersebut, Anda dapat menulis kode JavaScript sesuai dengan kebutuhan Anda.
// file: myModule.js
export const greeting = 'Hello World!';
export function sayHello(name) {
console.log(`Hello ${name}!`);
}
export default function() {
console.log('This is a default function from myModule.js');
}
Dalam contoh di atas, file JavaScript “myModule.js” berisi tiga fungsi yang didefinisikan menggunakan kata kunci “export”. Fungsi “greeting” dan “sayHello” akan diekspor secara terpisah, sementara fungsi default akan diekspor sebagai satu-satunya fungsi default di dalam modul.
Penggunaan Modul JavaScript
Setelah membuat modul JavaScript, Anda dapat menggunakannya di dalam file JavaScript lainnya menggunakan perintah “import”. Anda dapat mengimpor modul secara keseluruhan atau hanya beberapa fungsi tertentu yang terdapat dalam modul tersebut.
// file: main.js
import myModule, { greeting, sayHello } from './myModule.js';
console.log(greeting); // Hello World!
sayHello('John'); // Hello John!
myModule(); // This is a default function from myModule.js
Dalam contoh di atas, file “main.js” mengimpor tiga fungsi dari modul “myModule.js”. Fungsi “greeting” dan “sayHello” diimpor secara terpisah, sedangkan fungsi default diimpor sebagai variabel “myModule”.
Mengexport dan Mengimport Modul
Untuk mengexport dan mengimport modul dalam JavaScript, kita dapat menggunakan kata kunci “export” dan “import” seperti yang telah dijelaskan sebelumnya. Berikut adalah cara penggunaan kata kunci tersebut:
Mengexport Variabel dan Fungsi
// file: myModule.js
Follow us on
