JavaScript - Prototype

Prototype

• 원형이라고 불리나 유전자가 더 와 닿는 말
• 해당 객체의 상위 객체(부모)라고 생각하면 됨

// 클래스
function Person() {
  this.name = 'kim';
}

var person = new Person();  // 클래스 생성
console.log(person.name);  // 출력 값: kim

person.prototype.age = 24;  // Prototype(부모)에 age = 24 넣기
console.log(person.age);  // 출력 값: 24

console.log(person);  // 출력 값: Person {name: 'kim'}

• 해당 객체에는 존재하지않지만, 상위 객체에 존재를 함 (age)
• 변수를 찾을 때 해당 객체에서 먼저 찾은 다음 없으면 상위 객체에서 찾음

 

참고 링크 1: https://youtu.be/wUgmzvExL_E

이거보고 prototype 이해 못하면 강의접음

참고 링크  2: https://medium.com/@bluesh55/javascript-prototype-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0-f8e67c286b67

[Javascript ] 프로토타입 이해하기