Prototype(1)
2022. 8. 19. 23:39ㆍJavascript
Only 자바스크립트만 constructor 말고 상속기능을 구현할 수 있는 장치가 있다. = 프로토타입(유전자)
함수를 만들면 prototype이라는 항목이 안에 생성된다.
위에 보면 Student라는 클래스에 prototype이라는 항목이 안에 생성되어있고 gender 를 '바다생물'로 정의해주자
클래스로 부터 생성되는 인스턴스는 모두 이를 상속받게 된다.
학생1.gender는 이제 바다생물이다.
자바스크립트에서는 오브젝트에서 값을 출력할 때 이런 순서로 진행된다.
1. 학생1에 직접 gender라는 값이 있는가?
2. 그럼 부모 유전자에 gender 라는 값이 있는가?
3. 그럼 부모의 부모 유전자에 gender라는 값이 있는가?
... 계속 타고올라간다는 뜻
console.log(학생1.toString())
학생1에 toString 속성이 있는가? -> 🙅♂️
Student에 있는가? -> 🙅♂️
Object에 있는가? -> 🙆♂️
'Javascript' 카테고리의 다른 글
웹브라우저의 동작원리 Stack, Queue (0) | 2022.08.22 |
---|---|
Prototype(2) (0) | 2022.08.20 |
ES6 Constructor (0) | 2022.08.18 |
ES6 변수 (0) | 2022.08.12 |
this (0) | 2022.08.10 |