자바스크립트 + 리액트 디자인 패턴

77

Chapter 07_

자바스크립트 디자인 패턴

이건 생성자 패턴의 간단한 예제입니다만 몇 가지 문제가 있습니다. 하나는 상속이 어려워진

다는 점이고, 다른 하나는

Car

생성자로 객체를 생성할 때마다

toString

()

과 같은 함수를

새로 정의한다는 점입니다.

Car

유형의 인스턴스는 모두 동일한 함수를 공유해야 하므로 이

방법은 효과적이지 않습니다.

7.2.3

프로토타입을 가진 생성자

자바스크립트의 프로토타입 객체는 함수나 클래스 등 특정 객체의 모든 인스턴스 내에 공통

메서드를 쉽게 정의할 수 있게 합니다. 생성자를 통해 객체를 생성하면 생성자의 프로토타입

객체에 속한 속성을 새 객체에서도 활용할 수 있습니다. 이러한 방식으로 동일한 프로토타입

객체를 사용하는 여러 개의

Car

객체를 만들 수 있습니다. 따라서 앞의 예제를 다음과 같이

개선할 수 있습니다.

class Car {

constructor(model, year, miles) {

this.model = model;

this.year = year;

this.miles = miles;

}

}

// 프로토타입 객체의 재정의를 피하기 위해 Object.prototype 대신

// Object.prototype.newMethod 형태를 사용하고 있음에 유의하세요.

// 기존에 이미 정의된 프로토타입 객체를 ...