> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트 디자인 패턴 중 팩토리 패턴의 정의, 분류, 활용예를 자세히 설명

자바스크립트 디자인 패턴 중 팩토리 패턴의 정의, 분류, 활용예를 자세히 설명

伊谢尔伦
풀어 주다: 2017-07-24 13:57:11
원래의
1917명이 탐색했습니다.

개념: 팩토리 패턴 정의: 객체 생성을 위한 인터페이스를 제공합니다. 즉, 리더(호출자)의 지시(매개변수)에 따라 해당 제품(객체)을 생산하는 것을 의미합니다.

객체를 생성하려면 복잡한 과정이 필요한 경우가 많기 때문에 복잡한 객체에는 적합하지 않습니다.

객체를 생성하면 코드가 많이 중복될 수 있으며 충분한 수준의 추상화가 제공되지 않을 수 있습니다.

팩토리는 멤버 개체 생성을 외부 개체로 전송합니다. 장점은 개체 간의 결합(즉, 상호 영향)을 제거하는 것입니다.

범주:

간단한 팩토리 패턴: 사용 인스턴스를 생성하기 위한 클래스(보통 싱글톤)

복잡한 팩토리 패턴정의는 다음과 같습니다. 멤버 개체의 인스턴스화를 하위 클래스로 푸시하고 하위 클래스는 생성 시 상위 클래스 인터페이스 메서드를 재정의하여 자체 개체 유형을 지정할 수 있습니다.

상위 클래스는 생성 프로세스 중 일반적인 문제만 처리합니다. 하위 클래스는 서로 독립적입니다.

코드 구현:

간단한 팩토리 패턴:  


var XMLHttpFactory =function(){};      //这是一个简单工厂模式
  XMLHttpFactory.createXMLHttp =function(){
    var XMLHttp = null;
    if (window.XMLHttpRequest){
      XMLHttp = new XMLHttpRequest()
    }else if (window.ActiveXObject){
      XMLHttp = new ActiveXObject("Microsoft.XMLHTTP")
    }
  return XMLHttp;
  }
  //XMLHttpFactory.createXMLHttp()这个方法根据当前环境的具体情况返回一个XHR对象。
  var AjaxHander =function(){
    var XMLHttp = XMLHttpFactory.createXMLHttp();
    ...
  }
로그인 후 복사

복잡한 팩토리 패턴: 프로세스 ==》 먼저 이 클래스는 인스턴스화할 수 없습니다. 그것 하위 클래스를 파생시키는 데만 사용할 수 있으며 최종적으로 하위 클래스를 확장하여 팩토리 메서드를 구현합니다


var XMLHttpFactory =function(){};    //这是一个抽象工厂模式
XMLHttpFactory.prototype = {
  //如果真的要调用这个方法会抛出一个错误,它不能被实例化,只能用来派生子类
  createFactory:function(){
   throw new Error('This is an abstract class');
  }
}
var XHRHandler =function(){}; //定义一个子类
// 子类继承父类原型方法
extend( XHRHandler , XMLHttpFactory );
XHRHandler.prototype =new XMLHttpFactory(); //把超类原型引用传递给子类,实现继承
XHRHandler.prototype.constructor = XHRHandler; //重置子类原型的构造器为子类自身
//重新定义createFactory 方法
XHRHandler.prototype.createFactory =function(){
  var XMLHttp =null;
  if (window.XMLHttpRequest){
   XMLHttp =new XMLHttpRequest();
  }else if (window.ActiveXObject){
   XMLHttp =new ActiveXObject("Microsoft.XMLHTTP")
  }
  return XMLHttp;
}
로그인 후 복사

애플리케이션 시나리오:

팩토리 패턴은 다음 시나리오에서 특히 유용합니다.

(1) 개체 구성이 매우 복잡함

(2) 다양한 인스턴스를 생성하려면 특정 환경에 의존해야 함

(3) 동일한 속성을 가진 다수의 작은 개체를 처리

장점:

구현 가능 동일한 메서드 중 일부는 상위 클래스에 코드를 작성할 수 있습니다. 특정 비즈니스 로직을 구현해야 하는 경우 하위 클래스에서 상위 클래스의 메서드를 재정의하여 고유한 비즈니스 로직을 구현할 수 있습니다. 예를 들어, 두 가지 점이 있습니다:

1. 코드 중복을 방지하기 위해 객체 간의 결합을 약화시킵니다. 메서드에서 클래스를 인스턴스화하면 반복적인 코드가 제거됩니다.

 2. 상위 클래스에서 반복적인 코드를 작성할 수 있습니다. 하위 클래스는 상위 클래스의 모든 멤버 속성과 메서드를 상속하며 하위 클래스는 자체 비즈니스 로직 구현에만 중점을 둡니다.

단점: 공장 규모가 일정 수준까지 커지면 코드가 복잡해지고 가독성이 떨어집니다. 그리고 그것은 객체 인식의 문제, 즉 객체의 유형을 아는 방법을 해결하지 못합니다.

위 내용은 자바스크립트 디자인 패턴 중 팩토리 패턴의 정의, 분류, 활용예를 자세히 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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