>  기사  >  웹 프론트엔드  >  JavaScript 단일 열 모드 및 단일 모드 정의 및 응용 프로그램 코드에 대한 자세한 설명

JavaScript 단일 열 모드 및 단일 모드 정의 및 응용 프로그램 코드에 대한 자세한 설명

伊谢尔伦
伊谢尔伦원래의
2017-07-24 14:01:231390검색

Single 패턴:

Single은 네임스페이스를 나누고 관련 속성 및 메서드 그룹을 함께 구성하는 데 사용되는 개체입니다. 인스턴스화할 수 있는 경우 한 번만 인스턴스화할 수 있습니다.

특징:

네임스페이스를 분할하여 전역 변수로 인한 위험을 제거할 수 있습니다.

분기 기술을 사용하여 브라우저 간의 차이점을 캡슐화합니다.

코드를 더욱 통합적으로 구성할 수 있어 읽고 유지하기가 더 쉽습니다.

코드 구현:

/*Basic Singleton*/
var Singleton = {
  attribute:true,
  method1:function(){},
   method2:function(){}
};

응용 시나리오:

단일 모드는 일상 응용 프로그램에서 더 자주 사용됩니다. 이는 코드를 함께 캡슐화하고 하나의 입구만 노출함으로써 모든 변수의 오염을 방지하는 것과 같습니다.

싱글턴 패턴

싱글턴 패턴은 인스턴스가 하나만 있는 객체의 생성 프로세스를 정의하고 이에 액세스할 수 있는 전역 액세스 지점을 제공합니다. 싱글톤은 클래스에 인스턴스가 하나만 있도록 보장하는 것이라고 할 수 있으며, 일반적으로 인스턴스가 존재하는지 여부를 먼저 확인하고 존재하지 않으면 직접 반환하는 것입니다. 이를 반환하면 클래스에 인스턴스 객체가 하나만 포함됩니다.

코드 구현:

싱글턴을 구현하는 방법은 여러 가지가 있습니다. 그 중 클로저를 사용하여 싱글턴을 구현하는 방법은 다음과 같습니다.

var single = (function(){
  var unique;
  function getInstance(){
    // 如果该实例存在,则直接返回,否则就对其实例化
    if( unique === undefined ){
      unique = new Construct();
    }
    return unique;
  }
  function Construct(){
    // ... 生成单例的构造函数的代码
  }
  return {
    getInstance : getInstance
  }
})();

위 코드에서 고유는 참조이며, getInstance는 인스턴스를 얻기 위한 정적 메서드입니다. Construct는 인스턴스를 생성하는 생성자입니다.

single.getInstance()를 통해 단일 인스턴스를 얻을 수 있으며, 호출할 때마다 동일한 단일 인스턴스를 얻게 됩니다. 이것이 싱글톤 패턴이 달성하는 것입니다.

사용 시나리오:

싱글턴 모드는 일반적으로 사용되는 모드입니다. 전역 캐시 및 브라우저의 창 개체와 같이 종종 하나만 필요한 개체가 있습니다. JS 개발에서는 싱글톤 패턴도 매우 널리 사용됩니다. 로그인 버튼을

클릭하면 페이지에 로그인 상자가 나타나고 이 플로팅 창은 로그인 버튼을 몇 번 클릭하더라도 이 플로팅 창은 한 번만 생성됩니다. 따라서 이 로그인 플로팅 창은 싱글톤 모드에 적합합니다.

사용 시나리오 요약:

1. 네임스페이스를 분할하는 데 사용할 수 있습니다.

2 싱글톤 모드를 사용하면 코드를 보다 일관되게 구성하여 읽기 및 유지 관리가 더 쉬워집니다.

위 내용은 JavaScript 단일 열 모드 및 단일 모드 정의 및 응용 프로그램 코드에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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