Pengenalan Modul Modern di JavaScript

Anda telah bekerja dengan modul melalui closure. Dalam JavaScript modern, muncul modul yang lebih nyaman, memungkinkan menempatkan setiap modul dalam file terpisah, dan kemudian menghubungkannya ke file lain jika diperlukan, dengan mengekspor hanya variabel dan fungsi yang dibutuhkan.

Awalnya, modul semacam ini tidak ditetapkan dalam standar JavaScript dan hanya dikembangkan oleh komunitas. Akibatnya, muncul banyak sekali sistem modul yang berbeda: AMD, CommonJS, UMD, dan lainnya.

Kemudian, dalam standar JavaScript muncul modul miliknya sendiri. Modul ini disebut modul ES. Karena ini, modul yang dikembangkan oleh komunitas dengan cepat menjadi usang dan tidak boleh digunakan.

Perhatian perlu diberikan hanya pada modul CommonJS, karena pada awalnya NodeJS bekerja dengannya, dan bahkan sekarang NodeJS bekerja dengannya secara default untuk tujuan kompatibilitas.

Selain itu, seringkali dalam instruksi untuk menghubungkan berbagai pustaka, Anda akan menemukan deskripsi versi CommonJS, bukan ES. Oleh karena itu, Anda harus memahami bagaimana mengubah kode CommonJS menjadi ES.

Ada satu nuansa lagi. Meskipun modul sekarang ditetapkan dalam standar JavaScript, modul tersebut tidak akan begitu saja bekerja di browser (untuk saat ini). Untuk itu, perlu menggunakan salah satu alat build yang populer.