장식자 패턴이란 하나(부모)의 기본값이 정해져 있고 나머지(자식) 동적으로 변경될 수 있는 값들에 대해서 확장하여 변경하여 사용할 수 있는 패턴 예를 들어 생각해보자. 물건을 하나 구입하는데 배송비의 기본 가격은 2,500원 이다. 그러나 가까운 지역일 경우에는 무료로 진행되기도 할 것이고, 제주도나 산간지역은 2,500원이 더 붙어서 가격이 적용될 수도 있다. 또한 포인트 금액을 사용하여 1,000원을 할인하여 가격이 적용될 수도 있다. 쉽게 이해가 되겠는가? 위와 같은 경우에 장식자 패턴을 이용할 수 있다.
디자인 패턴은 꽤 오랫동안 쓰여왔고, 다양한 상황에서 유용하다는 것이 입증되었다. 디자인패턴은 친숙해지는 것이 좋다. 우선 디자인패턴의 가장 기본적으로 되는 싱글톤 패턴에 대해 알아보자. 1. 싱글톤패턴 싱글톤 패턴은 특정 클래스의 인스턴스를 오직 한 개만 가지고 있는 것이다. 즉 동일한 클래스에서 객체를 생성하면, 두 번째 생성부터는 처음 만들어진 객체를 얻게 되는 것. 자바스크립트에서는 클래스가 없어서 엄밀히 말하면 싱글톤이라는 말은 이치에 맞지 않지만 몇가지 방법을 사용하여 싱글톤을 구현할 수 가 있다. 1) new 생성자 사용하기 가장 간단하지만 인스턴스 생성을 위해 전역변수를 사용한다. 좋은 방법은 아니다. 2) 스태틱 프로퍼티에 인스턴스 저장 3) 클로저에 인스턴스 저장
마지막으로 알아볼 패턴은 프로토타입 체인의 이점은 유지하면서, 동일한 프로토타입을 공유 할 때의 문제를 해결한다. 다음의 소스코드를 보자 F라는 임시의 생성자를 만들어서 구현이 된 예제 소스이다. 하지만 이 방식은 프로토타입을 연결 하였기 때문에 부모의 this 프로퍼티는 상속 받지 못한다. 마지막으로 부모의 this프로퍼티까지 완전히 상속받기 위해서는 다음과 같이 작성하는 것이 최적의 방안이다. 위와 같은 방식은 상위 클래스의 저장을 하며 생성자 포인터를 재설정 한 것이다. 상위 클래스에 저장을 한 프로퍼티는 uber이고 포인터 재설정을 한곳은 constructor 이다. 자바스크립트에서 클래스방식의 상속패턴을 5가지 알아보았다. 상속패턴 첫 번째에서 말했던 것만 기억하자. 위와 같은 패턴을 사용하는 ..