> 웹 프론트엔드 > JS 튜토리얼 > ES6의 서브클래싱과 상속 설명

ES6의 서브클래싱과 상속 설명

王林
풀어 주다: 2023-09-05 12:37:02
앞으로
1026명이 탐색했습니다.

ES6의 서브클래싱과 상속 설명

JavaScript에서 개발자는 프로토타입을 사용하여 ES5의 다른 기능을 상속합니다. ES6에서는 JavaScript에 도입된 클래스를 다른 프로그래밍 언어와 마찬가지로 상속에 사용할 수 있습니다.

서브클래싱과 상속이란 무엇인가요?

서브클래스라는 단어가 나타내는 것처럼 다른 클래스의 서브클래스입니다. 상속을 사용하여 슈퍼클래스에서 하위 클래스를 생성하거나 파생할 수 있으며, 클래스를 슈퍼클래스, 파생 클래스, 하위 클래스를 파생 클래스로 호출할 수 있습니다.

하위 클래스에는 슈퍼클래스의 모든 속성과 메서드가 포함되어 있으며, 하위 클래스 객체를 사용하여 액세스할 수 있습니다. "extend" 키워드를 사용하여 슈퍼클래스에서 클래스를 파생시킬 수 있습니다.

문법

다음 구문을 따르면 슈퍼클래스에서 서브클래스를 상속받을 수 있습니다.

으아악

위 구문에서 class 키워드를 사용하여 클래스를 생성했습니다. 또한 사용자는 확장 키워드를 사용하여 슈퍼클래스에서 하위 클래스를 상속하는 방법도 확인할 수 있습니다.

상속의 이점

이 튜토리얼을 진행하기 전에 상속의 다양한 이점을 이해해 봅시다.

  • 상속을 사용하면 슈퍼 클래스의 코드를 재사용할 수 있습니다.

  • 상속을 사용하면 동일한 코드를 자주 작성할 필요가 없으므로 시간이 절약됩니다.

  • 또한 상속을 사용하여 적절한 구조로 유지 관리 가능한 코드를 생성할 수 있습니다.

  • 상속을 사용하여 슈퍼 클래스 메서드를 재정의하고 하위 클래스에서 다시 구현할 수 있습니다.

실제 사례를 통해 상속을 이해해 보세요. 이런 식으로 우리는 상속을 올바르게 이해할 수 있습니다.

아래 예에서는 house 클래스를 만들었습니다. Two_BHK 클래스는 house 클래스를 상속합니다. 즉 Two_BHK 클래스에는 house 클래스의 모든 속성과 메서드가 포함되어 있습니다.

house 클래스의 get_total_rooms() 메서드를 재정의하고 Two_BHK 클래스에 자체 메서드를 구현했습니다.

으아악

이제 상속의 진정한 목적을 이해할 수 있습니다. 위의 예에서 상속을 통해 코드를 재사용하는 방법을 확인할 수 있습니다. 또한 위의 예에서 설명한 것처럼 명확한 구조를 제공합니다. 또한 슈퍼클래스에서 메소드의 구조를 정의하고 서브클래스에서 구현할 수 있습니다. 따라서 슈퍼 클래스는 명확한 메소드 구조를 제공하며 이를 서브클래스에서 구현할 수 있습니다.

이 예에서는 클래스 생성자를 사용하여 클래스 속성을 초기화합니다. 또한 super() 키워드를 사용하여 하위 클래스에서 슈퍼 클래스의 생성자를 호출했습니다.

하위 클래스의 속성을 초기화하기 전에 하위 클래스 생성자에 super() 키워드를 작성해야 한다는 점을 기억하세요.

으아악

우리는 이 튜토리얼에서 상속에 대해 배웠습니다. 또한 이 튜토리얼에서는 서브클래스의 메서드를 재정의하고 서브클래스에서 슈퍼클래스 생성자를 호출하여 모든 슈퍼클래스 속성을 초기화하는 방법도 가르칩니다.

위 내용은 ES6의 서브클래싱과 상속 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:tutorialspoint.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿