> 웹 프론트엔드 > JS 튜토리얼 > JavaScript의 디자인 패턴과 싱글턴 패턴

JavaScript의 디자인 패턴과 싱글턴 패턴

Linda Hamilton
풀어 주다: 2024-12-25 05:25:09
원래의
766명이 탐색했습니다.

Patrones de Diseño y el Patrón Singleton en JavaScript

디자인 패턴은 소프트웨어 개발에서 흔히 발생하는 문제에 대한 재사용 가능한 솔루션입니다. 더욱 강력하고 유연하며 유지 관리가 가능한 소프트웨어를 설계하는 데 도움이 됩니다. 디자인 패턴은 세 가지 주요 범주로 나뉩니다.

**Patrones Creacionales**: Se enfocan en la forma en que se crean los objetos.

**Patrones Estructurales**: Se centran en la composición de clases y objetos.

**Patrones de Comportamiento**: Enfocados en la interacción y responsabilidad entre los objetos.
로그인 후 복사

싱글턴 패턴

싱글톤 패턴은 클래스가 단일 인스턴스를 갖도록 보장하고 해당 인스턴스에 대한 전역 액세스 지점을 제공하는 생성 패턴입니다. 구성 관리나 데이터베이스 연결 처리 등 시스템 전반에 걸쳐 작업을 조정하는 데 단일 개체가 필요할 때 유용합니다.
JavaScript로 구현

JavaScript에서는 클래스를 사용하고 인스턴스가 하나만 생성되도록 보장하여 싱글톤을 구현할 수 있습니다. 예는 다음과 같습니다.

class Singleton {
    constructor() {
        if (Singleton.instance) {
            return Singleton.instance;
        }
        Singleton.instance = this;
        this.data = "Singleton Data";
        return this;
    }

    getData() {
        return this.data;
    }

    setData(data) {
        this.data = data;
    }
}

// Uso del Singleton
const singleton1 = new Singleton();
console.log(singleton1.getData()); // Output: Singleton Data

const singleton2 = new Singleton();
singleton2.setData("New Singleton Data");

console.log(singleton1.getData()); // Output: New Singleton Data
console.log(singleton1 === singleton2); // Output: true

로그인 후 복사

이 예에서 Singleton 클래스는 정적 속성(Singleton.instance)을 사용하여 단일 인스턴스를 저장합니다. 생성자는 Singleton.instance가 이미 존재하는지 확인하고, 존재하는 경우 새 인스턴스를 만드는 대신 해당 인스턴스를 반환합니다. 이렇게 하면 항상 동일한 싱글톤 인스턴스가 사용됩니다.
싱글톤 패턴을 사용해야 하는 경우

싱글턴 패턴은 다음과 같이 공유 리소스에 대한 액세스를 제어해야 하는 상황에 유용합니다.

Gestión de configuraciones.

Manejo de conexiones a bases de datos.

Registro de logs.
로그인 후 복사

그러나 애플리케이션에 전역 종속성을 도입하여 코드 테스트와 유지 관리를 어렵게 만들 수 있으므로 주의해서 사용하세요.

이 게시물이 JavaScript 프로젝트에서 싱글턴 패턴을 이해하고 적용하는 데 도움이 되기를 바랍니다. 즐거운 프로그래밍 되세요! ?

위 내용은 JavaScript의 디자인 패턴과 싱글턴 패턴의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿