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

JavaScript 디자인 패턴의 싱글턴 패턴 소개

May 16, 2016 pm 04:24 PM
javascript 디자인 패턴

이 글에서는 주로 JavaScript 디자인 패턴의 싱글톤 모드를 소개합니다. 싱글톤 모드는 정적 액세스에서 인스턴스화된 객체입니다. 이 객체는 이미 인스턴스화되었거나 인스턴스화될 고유한 입구를 통해서만 액세스할 수 있습니다. 변화의 도움이 필요한 친구들이 참고할 수 있습니다.

싱글피스 모드 설명

1. 설명: 싱글피스 모드는 정적 액세스에서 인스턴스화된 객체입니다. , 이 개체는 Java, .Net C# 및 기타 서버 측 동적 언어와 같은 개체 지향 언어인 인스턴스화된 개체인 고유한 입구를 통해서만 액세스할 수 있습니다. 클래스 작업이 원활하게 진행되고 병렬 처리가 발생할 수 있습니다.

2. 싱글톤 모드의 이점:

1) 빈번한 메모리 작업 속도를 높이고 점유를 방지하기 위해 새로운 작업을 줄입니다. 메모리
2) , 대규모 시스템에서 개체의 오버헤드를 최소화합니다.
3) 위에서 언급한 것처럼 특정 유형의 작업이 병렬 처리로 인한 데이터 이상을 방지하기 위해 정확한 순서로 수행되도록 할 수 있습니다. 🎜>

물론 위에서 언급한 이점은 모두 서버측 언어로 되어 있습니다. JavaScript와 같은 약한 유형의 언어에서는 스크립트가 모두 클라이언트 측에서 작동하고 작동 충돌 문제가 없으므로 걱정하지 마십시오. 이는 전체 서버를 사용하는 유일한 사람과 동일합니다. 걱정하지 마십시오.

인스턴스 소스 코드

var Singleton = {
    instance: null,
    MailSender: function() {
        var self = this;
        self.to = '';
        self.title = '';
        self.content = '';
        self.send = function() {
             //send body
        }
    },
    getInstance : function() {
        if (this.instance == null) {
            this.instance = new Singleton.MailSender();
        }
        return this.instance;
    }
}
로그인 후 복사

사용법:

var mail = Singleton.getInstance();
mail.to = 'toname#mail.com';
mail.title = '单件模式发送';
mail.content = '发送内容';

mail.send();
로그인 후 복사
DWZ와 같은 리치 UI 프레임워크와 같은 일부 글로벌 프레임워크에서 글로벌 싱글톤을 생성하면 Singleton.instance가 값을 가지며 다시 생성할 필요가 없습니다.

물론입니다. , 이렇게 쓰면 더 명확해질 것이고, 서버측 언어와 결합될 것입니다:

Singleton.getInstance().to = 'toname#mail.com';
Singleton.getInstance().title = '单件模式发送';
Singleton.getInstance().content = '发送内容';

Singleton.getInstance().send();
로그인 후 복사

기타 실용적인 설명

어디 싱글톤 모드가 더 유용합니까? 예를 들어, 대규모 동시 작업 등 운영 서버에 통일된 구성 파일이 있는 경우, 거래소의 운영 프로세스 기록 등 선착순 상황에 주의를 기울여야 하는 경우 등이 있습니다. , 단일 모드를 사용하여 작동할 수 있습니다.

추가: 단일 모드 방법:

1. 위 방법을 게으른 방법이라고 합니다

2. 메소드:

var Singleton = {
    instance : new Singleton.MailSender(),
    MailSender : function() {
      var self = this;
      self.to = '';
      self.title = '';
      self.content = '';
      self.send = function() {
          //send body
      }
   },
   getInstance : function() {
        return this.instance;
   }
}
로그인 후 복사
사용 방법은 동일합니다.

클로저 메소드를 사용하여 싱글톤 모드 생성 및 인스턴스 객체 숨기기

코드:

var Singleton = (function() {
    var instance = null;
    function MailSender() {
       this.to = '';
       this.title = '';
       this.content = '';
    }
    MailSender.prototype.send = function() {
       //send body
    }
    return {
       getInstance : function() {
          if (instance == null) {
             instance = new MailSender();
          }
          return instance;
       }
    }
})();
로그인 후 복사

2. 사용법:

//一样用法
var mail = Singleton.getInstance();
mail.to = 'toname#mail.com';
mail.title = '闭包式 单件模式发送';
mail.content = '发送内容';

mail.send();
로그인 후 복사
위 내용은 이 장의 전체 내용입니다. 더 많은 관련 튜토리얼을 보려면

JavaScript 비디오 튜토리얼을 방문하세요.

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Java 프레임워크의 디자인 패턴과 아키텍처 패턴의 차이점 Java 프레임워크의 디자인 패턴과 아키텍처 패턴의 차이점 Jun 02, 2024 pm 12:59 PM

Java 프레임워크에서 디자인 패턴과 아키텍처 패턴의 차이점은 디자인 패턴이 클래스와 객체(예: 팩토리 패턴) 간의 상호 작용에 중점을 두고 소프트웨어 디자인의 일반적인 문제에 대한 추상적인 솔루션을 정의한다는 것입니다. 아키텍처 패턴은 계층화된 아키텍처와 같은 시스템 구성 요소의 구성 및 상호 작용에 중점을 두고 시스템 구조와 모듈 간의 관계를 정의합니다.

Java 디자인 패턴의 데코레이터 패턴 분석 Java 디자인 패턴의 데코레이터 패턴 분석 May 09, 2024 pm 03:12 PM

데코레이터 패턴은 원래 클래스를 수정하지 않고도 객체 기능을 동적으로 추가할 수 있는 구조적 디자인 패턴입니다. 추상 컴포넌트, 콘크리트 컴포넌트, 추상 데코레이터, 콘크리트 데코레이터의 협업을 통해 구현되며, 변화하는 요구에 맞게 클래스 기능을 유연하게 확장할 수 있습니다. 이 예에서는 우유와 모카 데코레이터가 총 $2.29의 가격으로 Espresso에 추가되어 객체의 동작을 동적으로 수정하는 데코레이터 패턴의 힘을 보여줍니다.

PHP 디자인 패턴 실제 사례 분석 PHP 디자인 패턴 실제 사례 분석 May 08, 2024 am 08:09 AM

1. 팩토리 패턴: 객체 생성과 비즈니스 로직을 분리하고, 팩토리 클래스를 통해 지정된 형태의 객체를 생성합니다. 2. 관찰자 패턴: 주체 개체가 관찰자 개체에 상태 변경을 알리도록 허용하여 느슨한 결합 및 관찰자 패턴을 달성합니다.

디자인 패턴이 코드 유지 관리 문제를 처리하는 방법 디자인 패턴이 코드 유지 관리 문제를 처리하는 방법 May 09, 2024 pm 12:45 PM

디자인 패턴은 재사용 및 확장 가능한 솔루션을 제공하여 코드 유지 관리 문제를 해결합니다. 관찰자 패턴: 개체가 이벤트를 구독하고 이벤트가 발생할 때 알림을 받을 수 있도록 합니다. 팩토리 패턴: 구체적인 클래스에 의존하지 않고 객체를 생성하는 중앙 집중식 방법을 제공합니다. 싱글톤 패턴: 클래스에 전역적으로 액세스 가능한 개체를 만드는 데 사용되는 인스턴스가 하나만 있는지 확인합니다.

Java 디자인 패턴에서 어댑터 패턴의 놀라운 사용 Java 디자인 패턴에서 어댑터 패턴의 놀라운 사용 May 09, 2024 pm 12:54 PM

어댑터 패턴은 호환되지 않는 개체가 함께 작동할 수 있도록 하는 구조적 디자인 패턴입니다. 이는 개체가 원활하게 상호 작용할 수 있도록 하나의 인터페이스를 다른 인터페이스로 변환합니다. 개체 어댑터는 적응된 개체를 포함하는 어댑터 개체를 만들고 대상 인터페이스를 구현하여 어댑터 패턴을 구현합니다. 실제적인 경우 클라이언트(예: MediaPlayer)는 어댑터 모드를 통해 고급 형식 미디어(예: VLC)를 재생할 수 있지만 클라이언트 자체는 일반 미디어 형식(예: MP3)만 지원합니다.

PHP 디자인 패턴: 실제 테스트 중심 개발 PHP 디자인 패턴: 실제 테스트 중심 개발 Jun 03, 2024 pm 02:14 PM

TDD는 고품질 PHP 코드를 작성하는 데 사용됩니다. 단계에는 테스트 사례 작성, 예상 기능 설명 및 실패 만들기가 포함됩니다. 과도한 최적화나 세부 설계 없이 테스트 케이스만 통과하도록 코드를 작성합니다. 테스트 케이스를 통과한 후 코드를 최적화하고 리팩터링하여 가독성, 유지 관리성 및 확장성을 향상시킵니다.

Guice 프레임워크에 디자인 패턴 적용 Guice 프레임워크에 디자인 패턴 적용 Jun 02, 2024 pm 10:49 PM

Guice 프레임워크는 다음을 포함한 다양한 디자인 패턴을 적용합니다. 싱글톤 패턴: @Singleton 주석을 통해 클래스에 인스턴스가 하나만 있는지 확인합니다. 팩토리 메소드 패턴: @Provides 주석을 통해 팩토리 메소드를 생성하고 종속성 주입 중에 객체 인스턴스를 얻습니다. 전략 모드: 알고리즘을 다양한 전략 클래스로 캡슐화하고 @Named 주석을 통해 특정 전략을 지정합니다.

Java 프레임워크에서 디자인 패턴을 사용할 때의 장점과 단점은 무엇입니까? Java 프레임워크에서 디자인 패턴을 사용할 때의 장점과 단점은 무엇입니까? Jun 01, 2024 pm 02:13 PM

Java 프레임워크에서 디자인 패턴을 사용하면 향상된 코드 가독성, 유지 관리성 및 확장성이 향상된다는 이점이 있습니다. 단점으로는 복잡성, 성능 오버헤드, 과도한 사용으로 인한 가파른 학습 곡선 등이 있습니다. 실제 사례: 프록시 모드는 개체를 지연 로드하는 데 사용됩니다. 디자인 패턴을 현명하게 사용하여 장점을 활용하고 단점을 최소화하세요.

See all articles