loading...
Cover image for Patrones de diseño en #javascript - Module

Patrones de diseño en #javascript - Module

3rchuss profile image Jesus Abril ・1 min read

Es una forma de crear variables públicas y privadas en tus objetos. Es la encapsulación de código.

Veamos un ejemplo.

const comprarTicket = ( () => {
     // privado
     let evento = 'Conferencia Js 2020';
     const getTicket = () => {
          const elemento = document.createElement('p');
          console.log(`Ticket comprado para ${evento}`);
     }
     // público
     return {
          mostrarTicket: () => {
               getTicket();
          }
     }
})();

comprarTicket.mostrarTicket();

// Ticket comprado para Conferencia Js 2020

Que normalmente está asociado con IIFE - Expresión de función ejecutada inmediatamente

Es muy común su uso y seguramente que ya lo estás utilizando desde hace tiempo.

Este patrón hace que evitemos problemas como la re-declaración de variables con el mismo nombre o bien evita que re-escribas el contenido de tu variable.

El patrón de diseño module no tiene nada que ver con javascript modules, recordemos que los patrones de diseño son la manera más idónea para estructurar tu código.

Posted on by:

3rchuss profile

Jesus Abril

@3rchuss

Self-taught Full Stack Web Developer. Apasionado por javascript!

Discussion

markdown guide