1. Design Pattern Categorization

디자인 패턴에 대한 초기 학습 경험을 통해 나는 다음 표를 통해 GoF에서 언급 한 23 가지 디자인 패턴을 다룰 수있는 패턴이 무엇인지에 대해 매우 유용하게 상기시켜줍니다. 원래의 테이블은 2004 년 Elyse Nielsen에 의해 요약되었고 필자는 책의이 섹션에서 우리의 토론에 맞게 필요할 때마다 수정했습니다.

이 표를 참조로 사용하는 것이 좋지만 여기에 언급되지는 않았지만이 책의 뒷부분에서 다룰 추가 패턴이 많이 있음을 기억하십시오.

수업에 대한 간단한 설명

참고 : ES2015는 JavaScript에 대한 클래스를 기본적으로 지원하지만 JavaScript의 기존 프로토 타입 기반 상속 모델에 비해 주로 문법적인 문제가 있습니다. 이 책에서는 ES2015 수업을 다루지 않겠지 만 MDN은 훌륭한 소개가 있습니다.

이 테이블에는 "클래스"개념을 참조하는 패턴이 있습니다. ES5에서 JavaScript는 클래스없는 언어이지만 클래스는 함수를 사용하여 시뮬레이션 할 수 있습니다.

이를 달성하는 가장 일반적인 방법은 새 키워드를 사용하여 객체를 만드는 JavaScript 함수를 정의하는 것입니다. 이것은 다음과 같이 객체의 새 속성과 메서드를 정의하는 데 도움이 될 수 있습니다.

// A car "class"
function Car( model ) {

  this.model = model;
  this.color = "silver";
  this.year = "2012";

  this.getInfo = function () {
    return this.model + " " + this.year;
  };

}

그런 다음 위에서 정의한 Car 생성자를 사용하여 객체를 인스턴스화 할 수 있습니다.

var myCar = new Car("ford");

myCar.year = "2010";

console.log( myCar.getInfo() );

자바 스크립트를 사용하여 "클래스"를 정의하는 더 많은 방법을 보려면 Stoyan Stefanov의 유용한 게시물을 참조하십시오.

이제 표를 검토해 보겠습니다.