[JS] 상속과 extends, super, this에 대하여

상속

JavaScript에서 상속을 구현하는 방법은 객체 지향 프로그래밍에서 매우 중요하다. 상속은 객체가 다른 객체의 속성과 메서드를 상속받는 것을 의미한다.

JavaScript에서 상속을 구현하는 방법은 여러 가지가 있지만, ES6부터 추가된 class, extends, super 키워드를 이용한 방법에 대해 알아보자.

class

클래스를 정의할 때 사용한다.

class Parent {
  constructor(name) {
    this.name = name;
  }

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

extends

extends 키워드를 사용하여 부모 클래스를 상속받을 수 있다.

class Child extends Parent {
  constructor(name) {
    super(name);
  }

  sayGoodbye() {
    console.log('Goodbye!');
  }
}

super

위의 예제처럼, 자식 클래스의 생성자에서 super 키워드를 사용하여 부모 클래스의 생성자를 호출할 수 있다.

this

JavaScript에서 this는 현재 실행 중인 코드에서 현재 객체를 참조하는 키워드다.