Prototype

네이버 FE-news를 보던 중 자바스크립트는 왜 프로토타입을 선택했을까? 을 읽으려고 하는데 javascript를 공부하면서 Prototype에 관한 것을 잘 알지 못하다는 것을 느껴 더 찾아보게 되었습니다.

 

 

Prototype

Prototype = Prototype Link + Prototype Object 이며 Class와 같은 역할을 합니다.

function Person() {}와 같이 함수가 생성이 되면

1. 해당 함수에 Constructor(생성자) 자격 부여
2. Prototype Object 생성

합니다. 그래서 Person Prototype Object가 생성되는 것을 알 수 있습니다.

Person.prototype.eyes, Person.prototype.nose과 같이 Person Prototype Object를 채워 넣을 수 있습니다.

new Person() 객체를 통해 kim를 생성하면 Prototype Link(kim밑에 proto)가 자동 생성되어

Prototype Link가 Person Prototype Object를 가리키게 됩니다.

 

function Person() {}

Person.prototype.eyes = 2;
Person.prototype.nose = 1;

var kim = new Person();
var park = new Person();

console.log(kim.eyes); // => 2

출처:

https://medium.com/@bluesh55/javascript-prototype-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0-f8e67c286b67