CARA IMPORT EXPORT JAVASCRIPT

Ketika kamu bekerja dengan aplikasi JavaScript yang besar, organizasi kode sama pentingnya dengan menulis kode itu sendiri. Salah satu cara untuk mengatur kode kamu dan membuatnya lebih mudah untuk dipahami adalah melalui penggunaan impor dan ekspor dalam JavaScript. Dengan pengetahuan ini, kamu dapat membagi kode kamu menjadi modul-modul yang dapat digunakan kembali dan mudah dikelola.

Cara Mengimpor Javascript

Mungkin kamu memiliki beberapa function atau object dalam file JavaScript yang ingin kamu gunakan di tempat lain. Untuk itu, kamu perlu ‘mengimpor’ mereka. Berikut adalah sintaks dasar untuk mengimpor di Javascript:

import { namaFunction } from 'lokasiModule';

Dalam kode di atas, namaFunction adalah nama dari function atau object yang ingin kamu impor, dan ‘lokasiModule’ adalah lokasi dari file JavaScript tempat function atau object tersebut didefinisikan.

Penggunaan Aliases dalam Import

Kamu juga dapat menggunakan aliases saat mengimpor function atau object. Ini sangat berguna saat kamu harus mengimpor banyak function atau object dari modul yang sama.

import { namaFunction1 as aliasFunction1, namaFunction2 as aliasFunction2 } from 'lokasiModule';

Cara Mengekspor Javascript

Seiring bertambahnya modul dalam aplikasi kamu, mungkin kamu harus berbagi beberapa function atau object ke modul lain. Untuk melakukan ini, kamu harus ‘mengekspor’ mereka. Berikut adalah sintaks dasar untuk mengekspor dalam Javascript:

export { namaFunction };

Sama seperti proses import, namaFunction di sini adalah nama function atau object yang ingin kamu ekspor.

Default Export

Pada situasi tertentu, mungkin kamu ingin mengekspor hanya satu function atau class dari sebuah file. Untuk hal ini, kamu dapat menggunakan default export.

export default namaFunction;

Begitu kamu menggunakan default export, kamu bisa mengimpor function atau object tersebut dengan hanya menggunakan ‘import’ untuk nama function atau object tersebut, tanpa perlu mencantumkan namanya dalam kurung kurawal.

Kesimpulan

Penggunaan import dan export di dalam JavaScript memungkinkan kamu untuk memisahkan kode menjadi modul-modul yang bermakna dan dapat digunakan kembali. Semakin kamu memahami cara mengimport dan mengekspor kode JavaScript, semakin kamu dapat menulis kode yang lebih rapi dan mudah untuk dibaca dan dikelola.