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

124

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

// 출력: 1522

console.log(mb.getCost());

// 출력: 11.6

console.log(mb.getScreenSize());

이번 예제에서 맥북의 업그레이드에 필요한 추가 비용을 반환하기 위해

MacBook

부모 클래

스 객체의

.

getCost

()

함수를 데코레이터로 오버라이드했습니다.

원본

MacBook

객체 생성자 메서드 중 오버라이드되지 않은 메서드 (

getScreenSize

()

)는

그대로 유지되기에 데코레이터를 사용했다고 합니다.

앞의 예제에서는 미리 정의된 인터페이스가 존재하지 않았습니다. 그래서 객체가 인터페이

스를 충족하지 않아도 되었습니다.

7.14

의사 클래스 데코레이터

이번엔 더스틴 디아즈

Dustin

Diaz

와 로스 하메스

Ross

Harmes

가 『

Pro

JavaScript

Design

Patterns

』

(

Apress

,

2007

)에서 처음 선보인 데코레이터의 변형 버전을 살펴보겠습니다.

앞의 몇 가지 예제와 달리 디아즈와 하메스는 ‘인터페이스’ 개념을 사용하여 데코레이터가 다

른 프로그래밍 언어(자바나

C

++ )에서는 어떻게 구현되는지에 초점을 두었습니다. 이 인터

페이스에 대해 상세히 알아봅시다.

   데코레이터 패턴의 변형 버전은 참고용입니다. 너무 어렵다고 느껴진다면 앞서 다뤘던  ...