ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 클래스 (3)
    Front-end/Javascript 2022. 4. 29. 17:06

    상속에 의한 클래스 확장

    클래스 상속 

    상속에 의한 클래스 호가장은 기존 클래스를 상속받아 새로운 클래스를 확장하여 정의하는 것이다. 상속을 통해 자신만의 고유한 속성만 추가하여 확장할 수 있다. 

    extends 키워드 

    extends 키워드를 통해 상속받을 클래스를 정의한다. 상속을 통해 확장된 클래스를 subclass 라고 하고, 서브클래스에게 상속된 클래스를 superclass라고 부른다. 수퍼클래스와 서브클래스는 클래스간의 프로토타입 체인도 생성한다. 이를 통해 프로토타입 메서드, 정적 메서드 모두 상속이 가능하다. 

    동적 상속

    extends 키워드를 사용해 생성자 함수를 상속받아 클래스를 확장할 수도 있다. 

    super 키워드

    함수처럼 호출할 수도 있고 식별자처럼 참조할 수 있는 키워드다. 

    • super를 호출하면 수퍼클래스의 constructor를 호출한다.
      • 서브클래스에서 수퍼클래스의 constructor 내부에서 추가한 프로퍼티를 그대로 갖는 인스턴스를 생성한다면 서브클래스의 constructor를 생략할 수 있다. 
      • 수퍼클래스에서 추가한 프로퍼티와 서브클래스에서 추가한 프로퍼티를 갖는 인스턴스를 생성한다면 서브클래스의 constructor를 생략할 수 없다.

     

    • super를 참조하면 수퍼클래스의 메서드를 호출 할 수있다. 

    'Front-end > Javascript' 카테고리의 다른 글

    class 내부 메서드에서 화살표 함수를 사용한다면  (0) 2022.05.12
    화살표함수와 this  (0) 2022.04.30
    클래스 (2)  (0) 2022.04.29
    클래스 (1)  (0) 2022.04.28
    클래스와 생성자 함수  (0) 2022.04.28
Designed by Tistory.