장식자 패턴이란 하나(부모)의 기본값이 정해져 있고 나머지(자식) 동적으로 변경될 수 있는 값들에 대해서 확장하여 변경하여 사용할 수 있는 패턴 예를 들어 생각해보자. 물건을 하나 구입하는데 배송비의 기본 가격은 2,500원 이다. 그러나 가까운 지역일 경우에는 무료로 진행되기도 할 것이고, 제주도나 산간지역은 2,500원이 더 붙어서 가격이 적용될 수도 있다. 또한 포인트 금액을 사용하여 1,000원을 할인하여 가격이 적용될 수도 있다. 쉽게 이해가 되겠는가? 위와 같은 경우에 장식자 패턴을 이용할 수 있다.

반복자 패턴은 말 그대로 반복적인 요소를 필요로 할 때 사용하는 패턴이다. 데이터가 저장된 내부구조는 복잡할지라도 개별 요소에 쉽게 접근할 방법이 필요 하다. 그러므로 데이터가 어떤식으로 되어있는지는 알 필요가 없고 개별 요소로 원하는 작업만 할 수 있으면 된다. 반복자 패턴에서는 next() 라는 함수를 제공한다. 전혀 어렵지 않은 패턴이다.

팩토리 패턴의 가장 큰 목적은 비슷한 객체를 반복수행할 수 있도록 생성하는 것이다. 또한 팩토리 패턴의 사용자가 구체적인 타입을 모르고도 객체를 생성할 수 있게 해준다. 팩토리 패턴은 만들어진 객체들을 생성하기 때문에 동일한 부모 객체를 상속한다. 예제를 보자 위의 예제는 팩토리 패턴을 구현한 예제 이다. 요구도는 타입의 객체를 생성하는 생성자 함수를 찾아내기만 하면 된다.

디자인 패턴은 꽤 오랫동안 쓰여왔고, 다양한 상황에서 유용하다는 것이 입증되었다. 디자인패턴은 친숙해지는 것이 좋다. 우선 디자인패턴의 가장 기본적으로 되는 싱글톤 패턴에 대해 알아보자. 1. 싱글톤패턴 싱글톤 패턴은 특정 클래스의 인스턴스를 오직 한 개만 가지고 있는 것이다. 즉 동일한 클래스에서 객체를 생성하면, 두 번째 생성부터는 처음 만들어진 객체를 얻게 되는 것. 자바스크립트에서는 클래스가 없어서 엄밀히 말하면 싱글톤이라는 말은 이치에 맞지 않지만 몇가지 방법을 사용하여 싱글톤을 구현할 수 가 있다. 1) new 생성자 사용하기 가장 간단하지만 인스턴스 생성을 위해 전역변수를 사용한다. 좋은 방법은 아니다. 2) 스태틱 프로퍼티에 인스턴스 저장 3) 클로저에 인스턴스 저장

마지막으로 알아볼 패턴은 프로토타입 체인의 이점은 유지하면서, 동일한 프로토타입을 공유 할 때의 문제를 해결한다. 다음의 소스코드를 보자 F라는 임시의 생성자를 만들어서 구현이 된 예제 소스이다. 하지만 이 방식은 프로토타입을 연결 하였기 때문에 부모의 this 프로퍼티는 상속 받지 못한다. 마지막으로 부모의 this프로퍼티까지 완전히 상속받기 위해서는 다음과 같이 작성하는 것이 최적의 방안이다. 위와 같은 방식은 상위 클래스의 저장을 하며 생성자 포인터를 재설정 한 것이다. 상위 클래스에 저장을 한 프로퍼티는 uber이고 포인터 재설정을 한곳은 constructor 이다. 자바스크립트에서 클래스방식의 상속패턴을 5가지 알아보았다. 상속패턴 첫 번째에서 말했던 것만 기억하자. 위와 같은 패턴을 사용하는 ..

앞서 살펴본 3번째의 클래스방식의 상속패턴은 부모 생성자를 두 번호출하여 쓸떼없는 메모리를 사용한다.이번에 살펴볼 패턴은 부모생성자를 한 번도 호출 하지 않는다. 원칙적으로 재사용할 멤버는 this가 아니라 prototype에 추가 되어야 한다. 따라서 상속되어야 하는 모든 것들도 프로토타입에 존재하면 된다. 코드는 간단하다.기본패턴에서 약간만 변형이 된 코드다.부모의 프로토타입을 자식의 프로토타입으로 지정해 주면 된다 프로퍼티와 프로토타입 모두 상속이 된 것을 확인 할 수 있다. 그림으로 확인해보자 하지만 여기에도 단점은 있기 마련이다.프로토타입을 공유한다는 것은 C언어로 비유하자면 포인터를, 리눅스로 비유하자면 하드링크 가리킨다고 생각하면 이해가 쉬울 듯하다.공유된 다른 객체에서 수정을 할 경우 모든..