Wprowadzenie do nowoczesnych modułów w JavaScript

Pracowałeś już z modułami przez domknięcia. We współczesnym JavaScript pojawiły się wygodniejsze moduły, pozwalające umieszczać każdy moduł w oddzielnym pliku, a następnie w razie potrzeby podłączać do innych plików, eksportując tylko potrzebne zmienne i funkcje.

Początkowo takie moduły nie były utrwalone w standardzie JavaScript i po prostu były rozwijane przez społeczność. W związku z tym pojawiło się bardzo wiele różnych systemów modułowych: AMD, CommonJS, UMD i inne.

Następnie w standardzie JavaScript pojawiły się własne moduły. Nazywa się je modułami ES. Z tego powodu moduły opracowane przez społeczność gwałtownie zestarzały się i nie powinno się ich używać.

Warto zwrócić uwagę tylko na moduły CommonJS, ponieważ na nich początkowo działał NodeJS, i teraz też domyślnie na nich działa ze względów kompatybilności.

Ponadto, często w instrukcjach podłączania różnych bibliotek spotkasz opis właśnie wariantu CommonJS, a nie ES. Dlatego powinieneś sobie wyobrazić, jak przerobić kod CommonJS na ES.

Jest jeszcze jeden niuans. Chociaż moduły są teraz utrwalone w standardzie JavaScript, po prostu tak nie będą działać w przeglądarce (na razie). Do tego trzeba użyć jednego z popularnych narzędzi budowania.