Frontend/JavaScript

프로토타입을 이해해보자

섕걍 2022. 6. 9. 18:37

백엔드 개발자 칭구가 프로토타입을 물어봤는데

뭔가 느낌으로 설명하기 어려워서..

정리를 해보려고 한당 :) 


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

 

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

Javascript에서는 객체를 상속하기 위하여 프로토타입이라는 방식을 사용합니다. 본 문서에서는 프로토타입 체인이 동작하는 방식을 설명하고 이미 존재하는 생성자에 메소드를 추가하기 위해

developer.mozilla.org

javaScript는 프로토 타입 기반 언어이다.

모든 객체들이 메소드와 속성들을 상속받기 위한 템플릿으로써

프로토타입 객체 prototype object를 가진다는 뜻!

프로토타입 체인 prototype chain : 프로토타입 객체도 상위 프로토타입객체로부터 메소드와 속상을 상속받을수 있고

그 상위도 같다!

 

상속되는 속성과 메소드들은 객체의 생성자의 prototype이라는 속성에 정의 되어있다!

 

prototype은 생성자 함수에 정의한 모든 객체가 공유할 원형!

유전자라고 생각하면 이해하기 쉽지!