Introduktion till moderna moduler i JavaScript

Du har redan arbetat med moduler via closures. I modern JavaScript har mer bekväma moduler dykt upp, vilket gör det möjligt att placera varje modul i en separat fil, och sedan vid behov ansluta till andra filer, exporterande endast de nödvändiga variablerna och funktionerna.

Initialt var sådana moduler inte fastställda i JavaScript-standarden och utvecklades helt enkelt av communityn. Följaktligen dök det upp väldigt många olika modulsystem: AMD, CommonJS, UMD och andra.

Sedan dök det upp egna moduler i JavaScript-standarden. De kallas ES-moduler. På grund av detta har modulerna utvecklade av communityn blivit snabbt föråldrade och du bör inte använda dem.

Du bör bara vara uppmärksam på CommonJS-moduler, eftersom NodeJS initialt arbetade på dem, och även nu arbetar det på dem som standard för kompatibilitetens skull.

Dessutom kommer du ofta stöta på beskrivningar av just CommonJS-varianten, och inte ES, i anvisningarna för anslutning av olika bibliotek. Därför bör du ha en uppfattning om hur du omarbetar CommonJS-kod till ES.

Det finns ytterligare en nyans. Även om moduler nu är fastställda i JavaScript-standarden, kommer de inte att fungera i webbläsaren sådär (ännu). För att göra det måste du använda ett av de populära build-verktygen.