[javascript] 프로토타입과 클래스의 차이점

11 Dec 2023

javascript

자바스크립트에서 객체 지향 프로그래밍을 할 때, 프로토타입과 클래스는 두 가지 주요한 방식으로 객체를 생성하고 상속을 처리합니다. 이 글에서는 프로토타입과 클래스의 차이점을 살펴보겠습니다.

프로토타입 기반

자바스크립트는 프로토타입 기반으로 객체를 생성합니다. 이는 모든 객체가 다른 객체를 참조하고, 이를 기반으로 상속 및 속성 공유를 가능하게 합니다. 예를 들어, Object.create 함수를 사용하여 프로토타입 기반 객체를 생성할 수 있습니다.

let animal = {
  eat: function() {
    console.log("Animal eats");
  }
};

let rabbit = Object.create(animal);
rabbit.eat(); // "Animal eats"

클래스 기반

반면에, 클래스는 ES6(ECMAScript 2015)에서 도입된 객체 지향 프로그래밍 방식입니다. 클래스를 정의하고 해당 클래스로부터 객체를 인스턴스화하여 사용합니다.

class Animal {
  eat() {
    console.log("Animal eats");
  }
}

class Rabbit extends Animal {
  jump() {
    console.log("Rabbit jumps");
  }
}

let rabbit = new Rabbit();
rabbit.eat(); // "Animal eats"
rabbit.jump(); // "Rabbit jumps"

차이점

프로토타입과 클래스의 주요한 차이점 중 하나는 상속 메커니즘입니다. 프로토타입 기반에서는 객체가 다른 객체를 참조하며, 클래스 기반에서는 상속을 키워드(extends)를 사용하여 명시적으로 처리합니다.

이 외에도 문법적 차이점과 내부 작동 방식에서도 두 방식은 차이를 보입니다. 하지만 ES6부터 클래스가 도입되었으며, 클래스는 프로토타입을 기반으로 구현되었기 때문에 두 방식 모두 혼용되어 사용될 수 있습니다.

프로토타입과 클래스의 선택은 프로젝트나 개발 환경에 따라 다르며, 두 방식을 이해하고 활용하는 것이 좋습니다.

자세한 내용은 참고 자료를 참조해주세요.