JavaScript 문법 - prototype

🎖 prototype에 대해 알아보자

---

📌 중요 개념(아래의 그림을 이해하자)

생성자 함수가 있을때, new 연산자를 사용해 instance를 만들면, 생성자 함수의 prototype라는 property가 instance의 __proto__ 라는 property에 전달이 된다.
즉, 생성자 함수의 prototype와 instance의 __proto__라고 하는 property는 같은 객체를 참조한다.

✔ __proto__는 내부 property에 접근할 때, 생략 가능하다

---

예제를 통해 본격적으로 prototype를 이해해보자❕❕

🎬 예제 1

생성자 함수 Array를 console.dir()을 통해 출력해보자.

• Array에 다양한 property가 있는 것을 볼 수 있고, 그 중에서 prototype를 주의 깊게 보자

---

위에서 말했듯이, instance의 __proto__라고 하는 property는 생성자 함수의 prototype 라고 하는 property와 같은 객체를 가리킨다고 하였는데 정말인지 살펴보자

• console.dir()을 통해 instance를 출력한 결과, __proto__ property에서 prototype property 에서 보았던 다양한 property들을 확인할 수 있다.

---

2편에서 계속

ref