Javascript - Prototype object

이전 글에 이어서 이번엔 프로토타입의 Prototype object 란 개념에 대해 정리해본다. 

 

함수는 정의될때 prototype object가 어딘가에 같이 생기고 생성된 함수는 .prototype이라는 속성으로 prototype object에 접근할 수 있다.

이 prototype object는 일반적인 객체와 같고 안에는 constructor(생성자) 와 __proto__ 속성을 가지고 있다.

또한 prototype object는 일반객체이므로 속성을 맘대로 추가/삭제 할 수 있다.

(추가/삭제 시 이 함수로 만들어진 객체들은 이 값을 공유하므로 당연히 객체들의 속성들도 그대로 바뀐다.)

function Person(){}
var kim = new Person();

constructor는 정의된 함수를 가리킨다 (위 예제에선 Person을 가리키게된다.) 

생성자가 있다는건 new를 통해 객체를 만들어낼 수 있다는 뜻인데, 이것이 함수만이 new를 사용할 수 있는 이유다.

(이전 프로토타입 글에서 모든 객체는 언제나 함수에 의해 생성된다고 했던 이유)

var obj = {};
var a = nwe obj();  
// obj는 함수가 아니므로(=생성자 자격이 없으므로) 
// obj is not a constructor 라는 에러가 발생함.

 

* 요약

함수가 정의되면

1. 해당 함수에는 constructor (생성자) 자격이 부여되고 new 로 객체를 생성할 수 있다.

2. prototype object가 어딘가에 만들어진다.

 

다음 글에선 Prototype link 에 대해 공부하고 정리해보겠다.

 

참고 : https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/Object_prototypes

Object prototypes - Web 개발 학습하기 | MDN