Johdatus nykyaikaisiin moduuleihin JavaScriptissä

Olet jo työskennellyt moduulien kansla sulkeumien avulla. Nykyaikaisessa JavaScriptissä on ilmaantunut kätevämpiä moduuleja, jotka mahdollistavat yksittäisten moduulien sijoittamisen omiin tiedostoihinsa ja niiden liittämisen muihin tiedostoihin tarvittaessa, vientiä vain tarvittavia muuttujia ja funktioita.

Alun perin tällaisia moduuleja ei ollut kiinnitetty JavaScript-standardiin, vaan yhteisö kehitti niitä yksinkertaisesti. Tämän seurauksena ilmaantui hyvin paljon erilaisia moduulijärjestelmiä: AMD, CommonJS, UMD ja muut.

Myöhemmin JavaScript-standardiin ilmestyi omat moduulinsa. Niitä kutsutaan ES-moduuleiksi. Tämän vuoksi yhteisön kehittämät moduulit vanhenevat nopeasti ja niitä ei kannata käyttää.

Kannattaa kiinnittää huomiota CommonJS-moduuleihin, sillä niillä NodeJS toimi aluksi, ja vielä nykyäänkin se toimii niillä oletusarvoisesti yhteensopivuuden vuoksi.

Lisäksi usein eri kirjastojen liittämisohjeissa tapaat kuvauksen nimenomaan CommonJS-vaihtoehdosta, eikä ES:stä. Siksi sinun tulee ymmärtää, kuinka muuttaa CommonJS-koodia ES:ksi.

On vielä yksi vivahde. Vaikka moduulit on nyt kiinnitetty JavaScript-standardiin, ne eivät yksinkertaisesti toimi selaimessa (vielä). Tätä varten täytyy käyttää yksi suosituista buildaustyökaluista.