[Javascript] 프로토타입 체인

코드스테이즈 41기 교육 내용을 정리하고 있습니다.
틀린 부분이 있으면 댓글로 알려주시면 감사하겠습니다.

 

🐫상속

---

https://leewang31.tistory.com/138

[Javascript] 객체 지향 프로그래밍

다음에서 상속을 참고해 주세요

 

객체 지향 프로그래밍 특성 중 상속을 javascript에서 구현할 때에는 프로토타입 체인을 사용합니다.

🐫프로토타입 체인

---

• 프로토타입이 상위 프로토타입까지 연결되는 구조를 말한다.
• 즉, 하위 프로토타입은 상위 프로토타입의 속성과 메소드를 공유 받는다.
• 모든 객체(String, Array 등등)는 위에서 설명한 프로토타입 기반 방식으로 정의, 생성 된다.
• 모든 객체들은 Object 함수의 프로토타입인 Object.prototype을 시작으로 복제 된다.

다음 코드에서 A코드가 주석일 경우 오류가 발생한다.
변수 Lee에서 생성자로 Person함수를 가져왔다.
Person함수에는 Hello라는 함수가 없기 때문에 오류가 발생한다.

function sayHello()
{
  console.log(`${this.name} Hello ~`); 
} 
function Person(name){
  this.name=name; 
} 
//Person.prototype.Hello = sayHello; //---(A)
const Lee = new Person('Lee');
Lee.Hello();

하지만 A코드를 작성하면 정상적으로 실행이 된다.

다음 코드는 Person의 prototype
Person의 유전자에 Hello라는 함수를 만들고, 다음 함수는 sayHello함수와 같은 기능을 할당했다.

프로토타입도 결국 객체이기 때문에 프로퍼티를 추가 하거나 삭제할 수 있다.

 

const Kim = new Person('Kim');
Kim.Hello();

다음 코드를 실행해도 Hello함수를 사용할수 있다.
프로토 타입 체인으로 묶여있기 때문이다.

🐾참고

---

 

https://goddaehee.tistory.com/231

youtube.com/watch?v=RYxgNZW3wl0