Capítulo 10. Patrones de diseño modular de JavaScript

Este trabajo se ha traducido utilizando IA. Agradecemos tus opiniones y comentarios: translation-feedback@oreilly.com

En el mundo del JavaScript escalable, cuando decimos que una aplicación es modular, a menudo nos referimos a que está compuesta por un conjunto de piezas de funcionalidad altamente desacopladas y distintas, almacenadas en módulos. El acoplamiento suelto facilita el mantenimiento de las aplicaciones eliminando dependencias siempre que sea posible. Cuando se implementa eficazmente, resulta bastante fácil ver cómo los cambios en una parte de un sistema pueden afectar a otra.

En los capítulos anteriores, hemos tratado la importancia de la programación modular y la forma moderna de implementar patrones de diseño modular. Aunque ES2015 introdujo módulos nativos en JavaScript, escribir JavaScript modular era posible antes de 2015.

En esta sección, veremos tres formatos de JavaScript modular que utilizan la sintaxis clásica de JavaScript (ES5): Definición Asíncrona de Módulos (AMD), CommonJS y Definición Universal de Módulos (UMD). Para saber más sobre los módulos de JavaScript, consulta el Capítulo 5, que trata de la sintaxis ES2015+ para importar y exportar módulos, entre otras cosas.

Nota sobre los cargadores de scripts

No es fácil hablar de los módulos AMD y CommonJS sin hablar de los cargadores de scripts. La carga de scripts era un medio para alcanzar un objetivo. El JavaScript modular sólo podía implementarse ...

Get Aprender patrones de diseño de JavaScript, 2ª edición now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.