Introduktion til moderne moduler i JavaScript

Du har allerede arbejdet med moduler via closures. I moderne JavaScript er der kommet mere bekvemme moduler, der tillader at placere hvert modul i en separat fil, og derefter efter behov tilkoble til andre filer, ved at eksportere kun de nødvendige variable og funktioner.

Oprindeligt var sådanne moduler ikke fastlagt i JavaScript-standarden og blev simpelthen udviklet af fællesskabet. Der opstod derfor meget mange forskellige modulære systemer: AMD, CommonJS, UMD og andre.

Derefter kom der egne moduler i JavaScript-standarden. De kaldes ES-moduler. På grund af dette er de af fællesskabet udviklede moduler hurtigt forældede, og de bør ikke bruges.

Man bør kun være opmærksom på CommonJS-moduler, da NodeJS oprindeligt kørte på dem, og det stadig som standard kører på dem af hensyn til kompatibilitet.

Desuden vil man ofte i instruktioner til tilkobling af forskellige biblioteker støde på beskrivelser af netop CommonJS-varianten, og ikke ES. Derfor skal du have en forståelse for, hvordan man omskriver CommonJS-kode til ES.

Der er endnu en nuance. Selvom moduler nu er fastlagt i JavaScript-standarden, vil de ikke umiddelbart fungere i browseren (endnu). Til dette skal man bruge et af de populære build-værktøjer.