Javascript, prototype, [[Prototype]]

자바스크립트에는 프로토타입이라는 특이한 요소가 있다.

이 프로토타입이 혼동스러운 가장 큰 이유는 우리말로는 프로토타입 하나지만,

실제 자바스크립트에는 prototype과 [[Prototype]] 두 개가 존재하기 때문이다.

주변에 접할 수 있는 책에서 '프로토타입 객체'라고 하면 prototype을 말하는 것일까 아니면 [[Prototype]]을 말하는 것일까?

솔직히 내가 읽은 여러권의 책으로는 그때그때 달랐다.. 이다. ㅠㅜ

그래서 한 번 명확하게 정리 해봤다.

함수 객체에만 존재하는 prototype 객체와 모든 객체에 존재하는 [[Prorotype]] 객체로 나누어 기술한다.

정리하다가 특이한 점을 하나 더 발견했는데, prototype 객체의 constructor는 실제 그 prototype 객체를 생성한 함수가 아니라는 점이다!!!!

---------------------

• new를 통해 생성된 객체는 [[Prototype]] 객체를 가진다.
• new를 통해 생성된 객체의 [[Prototype]] 객체는 생성자 함수의 prototype 객체다.
• 모든 객체는 new를 통해 생성된다.(리터럴을 쓰더라도 내부적으로는 new를 통해 생성)
• 따라서 모든 객체의 [[Prototype]] 객체는 생성자 함수의 prototype 객체다.

• 모든 함수 객체의 constructor는 Function 객체다.
• 모든 함수 객체만 prototype 객체를 가진다.
• 함수 객체도 객체다.
• 따라서 함수 객체는 prototype 객체와 [[Prototype]] 객체를 모두 가진다.
• prototype 객체는 constructor와 [[Prototype]]라는 property만을 가지고 있는 객체로서, 함수 객체가 아니다.
• 따라서 일반적인 함수 객체의 prototype 객체와 [[Prototype]] 객체는 당연히 다르다.
• 다만 Function 객체만 예외적으로 prototype 객체와 [[Prototype]] 객체가 같다.

• 일반적인 객체의 constructor는 그 객체를 생성하는데 사용된 생성자 함수 객체다.
• prototype 객체는 실제로 Object 함수에 의해 생성되지만, prototype 객체의 constructor는 Object 함수가 아니라, 그 prototype 객체를 'prototype'이라는 이름의 property로 가지고 있는 함수 객체다.
• 따라서 prototype 객체의 [[Prototype]]은 constructor의 prototype 객체가 아니라 실제 prototype 객체를 생성한 Object 함수의 prototype 객체다.

• 이름 있는 함수의 prototype 객체는 그 함수의 이름으로 표시되지만, 그 함수 객체와는 다른 객체다.
• 이름 없는 함수의 prototype 객체는 Object라는 이름으로 표시되지만, 일반적으로 말하는 Object 객체와는 다른 객체다.

아래의 값은 모두 참이다. 

  [[Prototype]]는 표기법이며, 브라우저에 따라 예약어가 다르다.

  크롬이나 파이어폭스에서는 [[Prototype]] 대신 __proto__라고 쓰면 된다.

• var obj = {}, func = function func() {};

• obj.[[Prototype]] === obj.constructor.prototype
• func.prototype.[[Prototype]] !== func.prototype.constructor.prototype // <- prototype 객체의 constructor와 실제 prototype을 생성하는데 사용된 생성자 함수가 다르다!!
• func.prototype !=== func.[[Prototype]]

• Function.prototype.constructor === Function
• Function.[[Prototype]].constructor === Function
• Function.prototype === Function.[[Prototype]]
• Function.constructor === Function
• Function instanceof Object
• Object instanceof Function
• Object.prototype.constructor === Object