앞서 본 2가지의 패턴은기본패턴은 프로토타입은 상속받지만 this 전역의 프로퍼티를 상속받지 못했고생성자빌려쓰기는 this 전역을 상속받지만 프로토타입을 상속받지 못하였다 정상적으로 상속이 된 것을 확인할 수 있다. 다만 부모 생성자를 비효율적으로 두 번 호출하는 단점이 있으므로 좋은 코드는 아니다.

생성자 빌려쓰기는 자식에서 부모로 인자를 전달하지 못했던 패턴#1의 대응책이다.이 패턴은 부모가 생성자 함수의 this에 자식 객체를 바인딩한 다음, 자식생성자가 받은 인자들을 모두 넘겨준다 ※ 생성자 빌려쓰기 패턴은 부모 생성자 함수 내부의 this에 추가된 프로퍼티만 물려받고 prototype에 추가된 멤버는 상속되지 않는다 예제를 보면 쉽게 알 수 있다. arguments의 타입을 찍은 것은 apply 메소드는 (this, 배열로 된 것) 만 인자로 넘겨 줄 수 있다child 객체는 parent로 부터 this로 선언된 name은 받아왔지만 prototype으로 선언된 say() 함수는 받지 못한다. 여기서의 상속은 부모가 가진 자신만의 프로퍼티를 자식의 프로퍼티로 복사해주는 일회성 동작이고, __..

자바스크립트에서 상속이란 주제를 다룰 때 클래스 방식의 용어를 듣게 된다. 하지만 자바스크립트에는 클래스라는 개념이 없다. 자바스크립트는 매우 유연하고 동적인 언어이어서 상속패턴을 새롭게 구현을 해서 사용할 수 있다. 궁극적인 목표를 잊어서는 안된다. 자바스크립트에서 상속을 하는 이유는 코드를 재사용하기 위함이다. 상속은 하나의 방법이지 유일한 방법은 아니다. 코드의 재사용을 접근할 때 GOF가 한 말로 '클래스 상속보다 객체 합성을 우선시 해야한다' 라는 말을 주의 깊게 생각 해보자 [자바스크립트 코딩기법과 핵심패턴]의 내용에 의하면 5가지 클래스 방식의 상속 패턴을 사용할 수 있다.1) 기본패턴2) 생성자 빌려쓰기3) 생성자 빌려쓰고 프로토타입 지정해주기4) 프로토타입 공유5) 임시 생성자 우선 기본..

객체를 생성하게 되면 this라는 전역변수에 동적으로 추가를 하는데 이는 객체를 생성시마다 this에 있는 변수, 함수, 프로퍼티 등을 모두 생성하게 되어 메모리를 많이 잡아 먹는다.이를 해결하기 위해서 prototype에 공통되는 함수, 재사용 되는 함수를 프로퍼티에 추가해서 사용을 했었다. 자바스크립트 객체생성패턴에서 필수로 알아야 하는 것은 아닌 것 같다. 이런 방법도 있구나 라고 한 번 보고 익히는 것이 좋을 듯 싶다. method는 prototype에 추가해서 사용할 수 있으며 구현 코드는 다음과 같다.

체이닝패턴은 간단하다.여러개의 함수를 한줄로 호출 할 수 있도록 하는 패턴이다. 코드량이 줄고 간결해져 하나의 문장처럼 읽을 수 있다. 반면에 디버깅 하기는 힘들 수도 있다.

※ 샌드박스 (Sandbox)샌드박스를 이해하려면 먼저 어원을 알아보기로 하자.샌드박스는 영어 그대로 해석하자면 "모래상자"라는 뜻이다. 아이들이 놀이터에서 놀 수 있는 공간을 의미한다. 모래 상자 안에는 당연히 모래가 있겠고 아이들이 모래를 가지고 놀다보면 그 공간은 상당히 더러워(?)질 수가 있다. 어원에 담겨 있듯이 샌드박스란 정해진 공간 안에서 형식 없이 마음껏 자유자재로 놀아라는 뜻을 가지고 있다. 즉 컴퓨터에서는 어떤 프로그램/코드를 실행할 때 제한된 공간에서 벗어나지 않고 허용되는 범위 안에서 마음껏 작업을 할 수 있음을 뜻한다. 자바스크립트에서 샌드박스 패턴을 사용하면 콜백함수로 코드를 감싸기 때문에 전역 네임스페이스를 보호할 수 있다. 샌드박스 생성자구현 (자바스크립트 코딩기법과 핵심패턴..