Implementación del patrón Singleton

Contenido del curso

Introducción

Repaso de Conceptos Fundamentales

Cómo funciona JavaScript

Fundamentos Intermedios

Fundamentos Avanzados

APIs del DOM

TypeScript

Patrones de Diseño

Proyecto: MediaPlayer

Conclusiones

42
Conclusiones
01:11 min

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:004:29

Implementación del patrón Singleton

Curso Profesional de JavaScript

Clase 33 de 42

Clase 33 / 42

Recursos

¿Cómo implementar el patrón Singleton en tus proyectos?

Aprender a implementar el patrón Singleton puede ser una habilidad crucial cuando estás desarrollando proyectos más complejos. Este patrón de diseño asegura que una clase tiene una única instancia y proporciona un punto de acceso global a ella. A través de este enfoque, podemos tener un manejo más eficiente de recursos, como configuraciones o conexiones a bases de datos, permitiendo, por ejemplo, que cierto componente de la aplicación se comporte de manera coherente al compartir la misma instancia. Vamos a sumergirnos en cómo puedes crear e implementar una clase Singleton en JavaScript.

¿Qué es el patrón Singleton?

El patrón Singleton es una forma de estructurar clases de tal manera que cada una solo permita una única instancia. Esto significa que, sin importar cuántas veces intentes crear un objeto de esa clase, siempre se te devolverá la misma instancia. Este patrón es útil para gestionar:

Configuraciones de aplicación.
Registros de log.
Conexiones a bases de datos.
Gestión de recursos compartidos en aplicaciones.

¿Cómo construir una clase Singleton en JavaScript?

Para construir tu clase Singleton, sigue estos pasos básicos:

Definir una variable estática para la instancia: Esta variable dentro de la clase almacenará la instancia única de esa clase.
Hacer el constructor privado: Asegúrate de que no se pueda llamar al constructor desde fuera de la clase.
Crear un método público estático para obtener la instancia: Este método será el que todos los usuarios llamen para obtener la instancia única.

Aquí te muestro cómo implementar estos pasos en código:

class Singleton {
  static instance; // Variable estática para la instancia

  // Constructor privado
  constructor() {
    if (Singleton.instance) {
      throw new Error("You can only create one instance of Singleton!");
    }
    Singleton.instance = this;
  }

  // Método estático para obtener la instancia
  static getInstance() {
    if (!Singleton.instance) {
      Singleton.instance = new Singleton();
    }
    return Singleton.instance;
  }
}

// Ejemplo de uso
const a = Singleton.getInstance();
const b = Singleton.getInstance();

console.log(a === b); // true

¿Dónde aplicar el patrón Singleton?

Este patrón es muy útil en situaciones donde necesitas una única instancia para gestionar un recurso crítico. Algunos casos de uso incluyen:

Gestión de sesiones: Si implementas un sistema de autenticación, podrías usar un Singleton para mantener el estado de las sesiones.
Motor de juego: Al desarrollar juegos, podrías necesitar un controlador central de físicas que se actualiza constantemente y de manera uniforme.
Sistema de registro: Al querer implementar un sistema de logging centralizado, puedes usar un Singleton que asegure que todos los logs son dirigidos al mismo servicio.

¿Cuáles son las ventajas del patrón Singleton?

Control de acceso a la instancia única: Al encapsular el proceso de creación y manejo de las instancias de la clase, garantizas que solo exista una única instancia.
Reducción del consumo de memoria: Solo existe una instancia de la clase, lo que puede ser crucial en aplicaciones que requieren alta eficiencia.
Mantenimiento de un estado global: Al tener una referencia común en toda la aplicación, facilita el manejo de estados compartidos.

Implementar correctamente el patrón Singleton en tus proyectos te permitirá optimizar el manejo de recursos y mejorar la eficiencia del código. Te animamos a que pruebes este patrón en diferentes contextos y descubras cómo se adapta mejor a tus necesidades de desarrollo. ¡Continúa aprendiendo y experimentando con patrones de diseño para llevar tus habilidades al siguiente nivel!

Resumen

¿Cómo implementar el patrón Singleton en tus proyectos?

¿Qué es el patrón Singleton?

Configuraciones de aplicación.
Registros de log.
Conexiones a bases de datos.
Gestión de recursos compartidos en aplicaciones.

¿Cómo construir una clase Singleton en JavaScript?

Para construir tu clase Singleton, sigue estos pasos básicos:

Definir una variable estática para la instancia: Esta variable dentro de la clase almacenará la instancia única de esa clase.
Hacer el constructor privado: Asegúrate de que no se pueda llamar al constructor desde fuera de la clase.
Crear un método público estático para obtener la instancia: Este método será el que todos los usuarios llamen para obtener la instancia única.

Aquí te muestro cómo implementar estos pasos en código:

class Singleton {
  static instance; // Variable estática para la instancia

  // Constructor privado
  constructor() {
    if (Singleton.instance) {
      throw new Error("You can only create one instance of Singleton!");
    }
    Singleton.instance = this;
  }

  // Método estático para obtener la instancia
  static getInstance() {
    if (!Singleton.instance) {
      Singleton.instance = new Singleton();
    }
    return Singleton.instance;
  }
}

// Ejemplo de uso
const a = Singleton.getInstance();
const b = Singleton.getInstance();

console.log(a === b); // true

¿Dónde aplicar el patrón Singleton?

Este patrón es muy útil en situaciones donde necesitas una única instancia para gestionar un recurso crítico. Algunos casos de uso incluyen:

Gestión de sesiones: Si implementas un sistema de autenticación, podrías usar un Singleton para mantener el estado de las sesiones.
Motor de juego: Al desarrollar juegos, podrías necesitar un controlador central de físicas que se actualiza constantemente y de manera uniforme.
Sistema de registro: Al querer implementar un sistema de logging centralizado, puedes usar un Singleton que asegure que todos los logs son dirigidos al mismo servicio.

¿Cuáles son las ventajas del patrón Singleton?

Control de acceso a la instancia única: Al encapsular el proceso de creación y manejo de las instancias de la clase, garantizas que solo exista una única instancia.
Reducción del consumo de memoria: Solo existe una instancia de la clase, lo que puede ser crucial en aplicaciones que requieren alta eficiencia.
Mantenimiento de un estado global: Al tener una referencia común en toda la aplicación, facilita el manejo de estados compartidos.

Introducción

Aspectos que destacan a un profesional

¿Qué significa ser un profesional de JavaScript?

Inicio del proyecto

Repaso de Conceptos Fundamentales

Cómo llega un script al navegador

Scope

Closures

El primer plugin

this

Los métodos call, apply y bind

Prototype

Herencia Prototipal

Cómo funciona JavaScript

Parsers y el Abstract Syntax Tree

Abstract Syntax Tree en Práctica

Cómo funciona el JavaScript Engine

Event Loop

Fundamentos Intermedios

Promesas

Getters y setters

Fundamentos Avanzados

Proxy

Generators

APIs del DOM

Fetch - Cómo cancelar peticiones

IntersectionObserver

VisibilityChange

Service Workers

TypeScript

Introducción

Tipos básicos

Funciones

Interfaces

Clases

Convertir el proyecto a TypeScript

Patrones de Diseño

Qué es un patrón de diseño

Categorías de patrones de diseño

Patrón Singleton y Casos de Uso

Implementación del patrón Singleton

¿Cómo funciona el Patrón Observer?

Implementación del patrón Observer

Casos de Uso del patrón Observer: Redux

Patrón Decorator y Casos de Uso

Implementación del patrón Decorator

Proyecto: MediaPlayer

Implementación de plugin de Ads: Desplegando en consola

Implementación de plugin de Ads: Desplegando en pantalla

Publicar en npm

Conclusiones

Conclusiones

Implementación del patrón Singleton