Úvod do moderních modulů v JavaScriptu

Už jste pracovali s moduly pomocí uzávěrů. V moderním JavaScriptu se objevily pohodlnější moduly, které umožňují umístit každý modul do samostatného souboru, a poté je v případě potřeby připojit k jiným souborům, exportovat pouze potřebné proměnné a funkce.

Zpočátku takové moduly nebyly zakotveny ve standardu JavaScriptu a byly jednoduše vyvíjeny komunitou. V důsledku toho se objevilo velmi mnoho různých modulárních systémů: AMD, CommonJS, UMD a další.

Později se ve standardu JavaScript objevily vlastní moduly. Říká se jim ES moduly. Z tohoto důvodu moduly vyvinuté komunitou rapidně zastaraly a není vhodné je používat.

Pozornost byste měli věnovat pouze modulům CommonJS, protože na nich původně pracoval NodeJS, a dokonce i nyní na nich pracuje ve výchozím nastavení z důvodu kompatibility.

Kromě toho se často v pokynech pro připojení různých knihoven setkáte s popisem právě varianty CommonJS, a ne ES. Proto byste si měli umět představit, jak převést kód CommonJS na ES.

Existuje ještě jeden nuance. I když jsou moduly nyní zakotveny ve standardu JavaScriptu, samy o sobě nebudou v prohlížeči fungovat (zatím). K tomu je třeba použít jeden z populárních nástrojů sestavení.