[객체지향]class/class extends/super()

class

class Person{
  constructor(name, first, second){
    this.name = name;
    this.first = first;
    this.second = second;
  }
  sum(){
    return this.first + this.second
  }
}
let kim = new Person('kim', 10, 20);
kim.sum = function(){
  return this.first * this.second
}
console.log(kim)
console.log(kim.sum())

📌 constructor(){}

• 객체의 초기 상태를 세팅하는 함수
• class로 객체를 만들면 constructor는 자동적으로 실행된다.

📌 class에서 메서드

• sum(){}같이 function을 생략하고 선언

class extends

class Person{
  constructor(name, first, second){
    this.name = name;
    this.first = first;
    this.second = second;
  }
  sum(){
    return this.first + this.second
  }
}

class PersonPlus extends Person {
  avg(){
    return (this.first+this.second)/2;
  }
}

let kim = new PersonPlus('kim', 10 ,20)

console.log(kim.sum())
console.log(kim.avg())

📌 class PersonPlus extends Person{}

• PersonPlus class에 Person class가 상속됨
• 부모class의 속성이 수정되면 자식 class로 수정됨

▪ 상속은 왜 필요할 까?

• 부모코드를 기반으로 추가해주고 싶은 메서드가 있을 때 코드 중복없이 할 수 있음
• 부모 class를 직접 수정하지 않고 상속받아서 새로운 class를 만드는 것이기 때문에
  유지보수가 편리함

super

class Person{
  constructor(name, first, second){
    this.name = name;
    this.first = first;
    this.second = second;
  }
  sum(){
    return this.first + this.second
  }
}
class PersonPlus extends Person {
  constructor(name, first, second, third){
    super(name, first, second);
    this.third = third;
  }
  sum(){
    return super.sum()+this.third;
  }
  avg(){
    return ( this.first+this.second+this.third )/3;
  }
}

let kim = new PersonPlus('kim', 10 ,20, 30) 

console.log(kim.sum())
console.log(kim.avg())

📌super(): 부모 class의 생성자(constructor)를 호출

• person의 constructor 인자는 원형 그대로 두고 personPlus의 constructor에 person의 constructor를 상속받고 다른 인자를 추가하고 싶을 때

📌super. : 부모클래스의 메서드 호출