일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- 한빛미디어
- user flow
- column grid system
- 제이콥닐슨 사용성평가기준
- 혼공학습단
- 자바스크립트문자열출력하기
- https
- 프로그래머스문자열출력하기
- 사이드이펙
- 피터모빌의벌집모형
- HTTP와HTTPS차이점
- 혼공학습단11기
- 혼자공부하는얄팍한코딩지식
- 혼자공부하는
- 이더넷허브
- GUI
- 혼공네트워크
- 혼공네트
- 혼자공부하는네트워크
- HTTP
- 2024년회고
- 혼공얄코
- UX
- 혼자서공부하는
- UI
- HTTP메시지구조
- 혼공시리즈
- 혼자서공부하는얄팍한코딩지식
- 혼자서공부하는네트워크
- 네트워크
- Today
- Total
호기심으로 시작한 Frontend 꾸준함으로 채워나가는 Developer
Unit2 - [JS] Prototype 프로토타입 본문
Prototoype
: 객체 안에 __proto__(비표준) 속성이 자신을 만들어낸 원형을 의미하는 프로토타입 객체를 참조하는 숨겨진 링크가 있고
이 링크를 "프로토타입" 이라고 정의한다.
JavaScript 는 프로토타입 기반의 언어이다.
Human이라는 클래스와 인스턴스, 그리고 프로토타입의 관계
Array(배열) 클래스와 인스턴스, 그리고 프로토타입의 관계
???????????????????????????????????????????
세상.. 어렵...
구굴링하고 읽으면 읽을 수록 물음표 백만개..
"코딩애플" 에서 이해 못하면 강의 접는다기에 강의 봄 -> Wow I got it!!
Prototype = 유전자
부모의 유전자는 자식에게 물려준다 => .protype을 사용하면 자식 object에게 데이터를 물려 줄 수 있다.
new 기계 () 추가하면 자식에게 직접 가짐.
.prototype.name = 'kim' 부모만 가짐
부모 유전자에 있는 걸 자식이 사용 가능한 이유는? (원리)
출력을 할 때, 자식이 가지고 있지 않으면 부모 유전자에게 물어보고 출력
즉 object 에서 자료 뽑을 때 일어나는 일! => 프로토타입 체인
1. 직접 자료를 가지고 있으면 그것을 출력 2. 없으면 부모 유전자를 확인하여 출력
3. 없으면 부모의 부모유전자까지 확인하여 출력
매서드(.sort & .length & .join 등등) 를 붙일 수 있는 이유
유전자에 메서드가 등록되어 있음! => 자식들이 사용할 수 있음
: 자바스크립트는 Prototype의 언어로써
"Prototype" 에 메서드가 등록되어 있어서 자바스크립트에서 사용할 수 있다.
'Codestates 부트캠프 > Section02 - TIL' 카테고리의 다른 글
Unit2 - [JS] 객체 지향 프로그래밍 (0) | 2022.07.22 |
---|---|
Unit2 - [JS] Class 와 Instance (0) | 2022.07.22 |