Introduksjon til moderne moduler i JavaScript

Du har allerede jobbet med moduler via lukninger. I moderne JavaScript dukket det opp mer praktiske moduler som tillater å plassere hver modul i en separat fil, og deretter koble dem til andre filer etter behov, ved å eksportere kun de nødvendige variablene og funksjonene.

Opprinnelig var slike moduler ikke fastlagt i JavaScript-standarden og ble ganske enkelt utviklet av fellesskapet. Følgelig dukket det opp veldig mange forskjellige modulsystemer: AMD, CommonJS, UMD og andre.

Deretter dukket det opp egne moduler i JavaScript-standarden. De kalles ES-moduler. På grunn av dette har modulene utviklet av fellesskapet raskt blitt foreldet, og de bør ikke brukes.

Det er verdt å merke seg CommonJS-moduler, siden NodeJS opprinnelig jobbet med dem, og selv nå jobber den med dem som standard for kompatibilitetens skyld.

I tillegg vil du ofte i instruksjoner for tilkobling av ulike biblioteker støte på beskrivelser av nettopp CommonJS-alternativet, og ikke ES. Derfor må du kunne forestille deg hvordan du omskriver CommonJS-kode til ES.

Det er også en nyanse. Selv om moduler nå er fastlagt i JavaScript-standarden, vil de ikke fungere i nettleseren bare slik (ennå). For å gjøre det må du bruke et av de populære byggeverktøyene.