Introduction aux modules modernes en JavaScript

Vous avez déjà travaillé avec les modules via les fermetures. Dans le JavaScript moderne, des modules plus pratiques sont apparus, permettant de placer chaque module dans un fichier séparé, puis de les connecter si nécessaire à d'autres fichiers, en exportant uniquement les variables et les fonctions nécessaires.

Initialement, de tels modules n'étaient pas entérinés dans la norme JavaScript et étaient simplement développés par la communauté. En conséquence, de très nombreux systèmes modulaires différents sont apparus : AMD, CommonJS, UMD et autres.

Ensuite, son propre système de modules est apparu dans la norme JavaScript. Ils sont appelés modules ES. Pour cette raison, les modules développés par la communauté sont devenus rapidement obsolètes et ne doivent pas être utilisés.

Il convient de prêter attention uniquement aux modules CommonJS, car NodeJS fonctionnait initialement sur eux, et même maintenant, il fonctionne sur eux par défaut par souci de compatibilité.

De plus, souvent dans les instructions de connexion de diverses bibliothèques, vous rencontrerez une description de la variante CommonJS, et non ES. Par conséquent, vous devez avoir une idée de la façon de refactoriser le code CommonJS en ES.

Il y a encore une nuance. Bien que les modules soient désormais entérinés dans la norme JavaScript, ils ne fonctionneront pas tel quel dans le navigateur (pour l'instant). Pour cela, il faut utiliser l'un des outils de build populaires.