[JavaScript] 다시 공부하는 JavaScript 2. 프로토타입

1. 프로토타입(Prototype)

: 앞서 JavaScript에서 기본 타입(숫자, 문자열, 불린값, undefined, null)을 제외한 모든 데이터는 객체(Object)라고 하였다.

모든 객체는 자신의 부모 역할을 하는 객체와 연결되어있다.

마치 객체지향의 상속과 비슷한 개념이다.

JavaScript에서는 부모 역할을 하는 객체를 프로토타입 객체라고 부른다.

var person = {
	name: 'Serin',
    age: 29
 }
 
 console.log(person.toString());
 
 console.dir(person);

 

Chrome 브라우저에서 위의 코드를 입력하면 아래와 같은 결과를 얻을 수 있다.

 

toString()의 경우에는 정의하지 않았지만 에러 없이 실행될 수 있었던 이유는 person 객체의 프로토타입에 toString() 메서드가 이미 정의 되어있기 때문이다.

person 객체를 출력하면 객체 리터럴로 생성한 age, name 프로퍼티 이외에도 person 객체의 프로토타입을 가리키는  [[Prototype]]라는 프로퍼티가 있다. Chrome 브라우저에서는 __proto__가 바로 이 숨겨진 [[Prototype]] 프로퍼티를 의미한다.

 

객체 리터럴 방식으로 생성된 객체의 경우 Object.prototype 객체가 프로토타입 객체가 된다.

 

[출처]

인사이드 자바스크립트 / 송형주, 고현준 지음/ 한빛미디어

** 해당 게시물은 '인사이드 자바스크립트'를 보고 개인적인 용도로 학습하기 위하여 정리, 게시한 글입니다.