class, extends 설명

JooKit 주킷 2021. 1. 16. 16:18
목차 접기
728x90
반응형

Class

  • 자바스크립트에서는 함수처럼 활용된다.
  • constructor
    • 클래스 인스턴스를 생성하고 생성한 인스턴스를
      초기화하는 역할을 한다.
    • 클래스를 구성하기 위한 껍데기
// Class 
class Person {
    constructor(region_, gender_) 
    {
        this.region = region_;
        this.gender = gender_;
    }

    greetings(val = 'an-nyeong') {
        console.log(val);
    }
}

let person = new Person('Korea', 'male');
console.log(person);
person.greetings();



// extends 상속 
class American extends Person {
    constructor(region_, gender_, language_) {
        super(region_, gender_);
        this.language = language_;
    }
    greetings(val = 'Hello') {
        console.log(val);
    }
}

let american = new American('USA', 'female', 'English');
console.log(american);
american.greetings();

]

  • super는 부모의 속성을 따라가겠다.

  • 추가로 나에게 필요한 기능을 구현하면 된다.

  • 동일한 함수의 명을 사용하면 오버라이드 된다.

728x90
반응형
LIST