🧬프로토타입

🧬프로토타입이란?

• 자바스크립트에서 프로토타입은 객체가 다른 객체의 속성과 메서드를 상속받을 수 있게 해주는 메커니즘입니다. 모든 객체는 prototype이라는 숨겨진 속성을 가지고 있으며, 이 속성을 통해 다른 객체를 참조할 수 있습니다. 이 참조 관계를 통해 상속이 이루어집니다.

📌프로토타입의 핵심 개념

• 프로토타입 체인
  객체에서 속성이나 메서드를 찾을 때, 해당 객체 내부에서 찾은 후 없으면 프로토타입을 따라 올라가면서 찾습니다. 이 과정은 원하는 속성이나 메서드를 찾거나 체인의 끝에 도달할 때까지 반복됩니다.

• 생성자 함수와 프로토타입
  자바스크립트에서 함수를 생성자로 사용할 때, 이 함수의 prototype 속성은 생성된 객체의 프로토타입으로 설정됩니다. 이를 통해 생성자 함수로 만들어진 모든 객체가 공통적인 메서드와 속성을 공유할 수 있습니다.

• 프로토타입 수정과 확장
  객체의 프로토타입은 동적으로 변경될 수 있으며, 새로운 속성이나 메서드를 추가하여 기능을 확장할 수 있습니다. 이는 코드의 재사용성과 유지보수성을 높여줍니다.

function Animal(name) {
  this.name = name;
}

Animal.prototype.speak = function() {
  console.log(`${this.name} makes a sound.`);
};

const dog = new Animal("Dog");
dog.speak(); // 출력: "Dog makes a sound."

위 예제에서 Animal 생성자 함수의 프로토타입에 speak 메서드를 추가했습니다. 따라서 Animal 생성자로 생성된 모든 객체는 speak 메서드를 상속받아 사용할 수 있습니다.

✅프로토타입의 중요성

• 프로토타입은 자바스크립트의 객체지향 프로그래밍에서 핵심적인 역할을 합니다. 코드의 재사용성을 높이고, 메모리 사용을 최적화하며, 객체 간의 상속 관계를 명확하게 정의할 수 있게 해줍니다.

출처 -코딩애플(이거보고 prototype 이해 못하면 강의접음)
, GPT-4