[JavaScript] 프로토타입(prototype) 이란

 클래스(class)는 객체지향언어에서 빠질 수 없는 개념이다. 자바스크립트도 객체지향언어이다. 하지만 자바스크립트에는 클래스가 없다. 대신 프로토타입이라는 것이 존재한다. 이것이 자바스크립트가 '프로토타입 기반 언어'라고 불리는 이유이다.

 

 

🔗 프로토타입(prototype)

 

 프로토타입으로 클래스 구현이 가능하다. 자바스크립트는 프로토타입을 기반으로 상속을 구현하여 기존의 코드를 재사용함으로써 불필요한 중복을 제거한다.

 생성자를 이용하여 클래스처럼 사용할 수는 있지만 대부분의 경우 같은 호출을 반복한다던가의 불필요한 행동이 반복되어 효율적인 코드가 되지 못한다.

 그래서 프로토타입이라는 빈 객체에 미리 값들을 담아두고 새로 생성한 객체는 그 프로토타입의 값을 가져오는 방식을 갖춰서 클래스의 활용처럼 재사용을 높일 수 있다.

 

function Person() {}
 
Person.prototype.eyes = 2;
Person.prototype.nose = 1;
 
var Kim  = new Person();
var park = new Person():
 
console.log(kim.eyes); // => 2
...

 

 

🔗 JavaScript ES6 - class

 

 ES6에 도입된 class 문법은 자바스크립트의 프로토타입을 편하게 사용하기 위해 추가된 것이며, 여전히 자바스크립트는 프로토타입 기반 언어이다.

[JavaScript / ES6] ES6 문법 정리

 

---

🔎 참고 자료

• 프론트엔드 직군 웹개발자 면접질문 모음 답변 달아보기

💡 같이 보면 좋을 Post