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

73

Chapter 07_

자바스크립트 디자인 패턴

7.2

생성자 패턴

생성자

Constructor

는 객체가 새로 만들어진 뒤 초기화하는 데에 사용되는 특별한 메서드입니다.

ES2015

버전 이후로 생성자

01

를 가진 클래스

02

를 만들 수 있게 되었습니다. 이로써 기본으

로 제공되는 생성자를 통해 클래스의 인스턴스 객체를 생성할 수 있습니다.

자바스크립트에서는 거의 모든 것이 객체입니다. 그리고 클래스는 자바스크립트가 가진 프

로토타입의 상속을 이용한 문법적 설탕

Syntactic

Sugar

03

이기도 합니다. 예전 자바스크립트에서는

객체 생성자에 큰 관심을 가졌습니다. [그림

7

-

1

]에서 생성자 패턴의 구조를 볼 수 있습니다.

   객체 생성자는 특정 유형의 객체를 생성할 때 사용되었습니다. 객체가 처음 생성되었을 때 인수

로 받아온 값을 객체 멤버의 변수와 메서드에 할당하는 동시에 사용할 준비를 마칩니다.

그림

7-1

생성자 패턴

7.2.1

객체 생성

다음은 자바스크립트에서 새로운 객체를 만들 때 사용하는 세 가지 일반적인 방법입니다.

// 방법 1: 리터럴 표기법을 사용하여 빈 객체 생성

const newObject = {};

// 방법 2: Object.create() 메서드를 사용하여 빈 객체 생성

const newObject = Object.create(Object.prototype); ...