[Java Script] extends, super 알아보기

| extends

extends는 내가 만든 class를 상속한

또 하나의 class를 만들고 싶을 때 사용할 수 있습니다.

// class 생성
class User {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
}

// class User를 기반으로한 새로운 class User2 생성
class User2 extends User {
  
}

let me = new User('Lee', 26); // { name: 'Lee', age: 26 }
let me = new User2('Lee', 26); // { name: 'Lee', age: 26 }

이런 식으로 원하는 class를 복사한 또 하나의 class를 만들 수 있습니다.

| super

extends로 만든 class에 새로운 속성을 추가하고 싶으면

super()를 사용하면 됩니다.

여기서 super()는 extends로 상속 중인 부모 class의 constructor를 의미합니다.

// class 생성
class User {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
}

// class User를 기반으로한 새로운 class생성
class User2 extends User {
  constructor(name, age, height) {
    super(name, age)
    this.height = height;
  }
}

let me = new User2('Lee', 26, 178);
console.log(me.height); // 178출력