[javascript] 프로토타입 체인에서 생성자 함수 상속의 한계

11 Dec 2023

javascript

자바스크립트에서 프로토타입 체인을 이용하여 생성자 함수를 통한 상속을 구현할 수 있지만, 이 방식에는 몇 가지 한계가 있습니다. 이번 글에서는 프로토타입 체인 기반의 상속에서 발생할 수 있는 한계와 이를 극복할 수 있는 방법에 대해 알아보겠습니다.

프로토타입 체인 기반의 상속 한계

프로토타입 체인은 자바스크립트의 상속 메커니즘으로, 부모 객체의 프로토타입을 자식 객체의 프로토타입으로 연결하여 상속을 구현합니다. 이 방식은 생성자 함수와 프로토타입 객체를 활용하여 객체 간의 상속을 구현하는데, 다음과 같은 한계가 있습니다.

프로토타입 객체 수정 시 영향 전이: 프로토타입 체인에서 부모 객체의 프로퍼티를 변경하면, 이를 상속받은 자식 객체에도 영향이 전이됩니다.
상속과 속성 가시성: 자식 객체가 부모 객체의 프로퍼티를 상속받지만, 자식 객체에서 직접 접근할 수 없는 문제가 발생합니다.

ES6 클래스 및 extends 키워드의 활용

ES6에서는 class 및 extends 키워드를 통해 더 간편하게 상속을 구현할 수 있습니다. extends 키워드를 통해 부모 클래스를 상속받는 자식 클래스를 정의하고, super 키워드를 통해 부모 클래스의 생성자를 호출할 수 있습니다.

class Parent {
  constructor(name) {
    this.name = name;
  }
  
  sayHello() {
    console.log(`Hello, my name is ${this.name}`);
  }
}

class Child extends Parent {
  constructor(name, age) {
    super(name);
    this.age = age;
  }

  sayAge() {
    console.log(`I am ${this.age} years old`);
  }
}

const child = new Child('Alice', 10);
child.sayHello(); // Output: Hello, my name is Alice
child.sayAge(); // Output: I am 10 years old

ES6의 클래스 및 extends 키워드를 사용하면 프로토타입 체인을 직접 다루는 것보다 더 간편하고 명확한 상속 구현이 가능합니다.

결론

프로토타입 체인을 통한 생성자 함수 상속은 몇 가지 한계가 있지만, ES6의 클래스 및 extends 키워드를 활용하면 이러한 한계를 극복할 수 있습니다. 상황에 맞게 적절한 상속 방식을 선택하여 코드를 작성하고, 상속 구현 시 발생할 수 있는 다양한 문제에 대비하는 것이 중요합니다.

참고 자료

위의 예시 코드나 내용은 반드시 실제 상황에 맞게 수정하여 사용해야 합니다.