자바스크립트 prototype 객체: 원리와 활용

Photo of author

By tutor

자바스크립트 prototype 객체: 원리와 활용

자바스크립트 prototype 객체: 원리와 활용

 

자바스크립트 prototype 객체: 원리와 활용

Prototype이란?

자바스크립트에서 모든 객체는 프로토타입(prototype)이라는 객체와 연결되어 있습니다. 프로토타입은 객체를 정의할 때 자신의 속성과 메소드를 상속할 수 있도록 합니다.

Prototype 객체 활용

프로토타입 객체를 활용하면 손쉽게 객체 간 상속 구조를 만들 수 있습니다. 예를 들어, 특정 객체를 만들 때 다른 객체에서 상속받은 속성과 메소드를 자신의 것으로 사용할 수 있습니다.

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

Animal.prototype.sound = function() {
  console.log('Animal sound');
}

function Dog(name) {
  Animal.call(this, name, 'Dog');
}

Dog.prototype = Object.create(Animal.prototype);

Dog.prototype.sound = function() {
  console.log('Bark bark');
}

const myDog = new Dog('Buddy');
myDog.sound(); // 'Bark bark'

위 코드에서 Animal 생성자 함수를 만들고, Animal.prototype 객체에 sound 메소드를 추가합니다. 이후 Dog 생성자 함수를 만들고, 이전에 만들어 둔 Animal 생성자 함수에서 상속받은 속성을 사용하도록 합니다. 이 과정에서 Object.create() 메소드를 사용하여 Animal.prototype 객체를 상속받습니다. 마지막으로 Dog.prototype 객체에 sound 메소드를 추가하여 자신만의 기능을 만듭니다.

결론

프로토타입 객체는 자바스크립트 객체지향 프로그래밍에서 상속 구조를 만드는 데에 필수적입니다. 프로토타입 체인을 따라 객체끼리 서로 상속 관계를 맺으면서 코드의 재사용성을 높일 수 있습니다.

자바스크립트 prototype 객체: 자바스크립트에서 객체 지향 프로그래밍을 할 때 상속 구조를 만들기 위해 사용되는 객체입니다. 각 객체는 자신의 프로토타입 객체를 가지고, 해당 객체를 바탕으로 새로운 객체가 생성됩니다. 이렇게 프로토타입 객체와 연결되는 것을 프로토타입 체인(prototype chain)이라고 합니다.