目次
サブクラスと継承とは何ですか?
次の構文に従って、スーパークラスからサブクラスを継承できます。
このチュートリアルに進む前に、継承のさまざまな利点を理解しましょう。
ハウス クラスの get_total_rooms() メソッドをオーバーライドし、独自のメソッドを Two_BHK クラスに実装しました。
このチュートリアルでは継承について学びました。さらに、このチュートリアルでは、サブクラスのメソッドをオーバーライドし、サブクラスからスーパークラスのコンストラクターを呼び出して、すべてのスーパークラスのプロパティを初期化する方法を説明します。

ES6 のサブクラスと継承の説明

Sep 05, 2023 pm 12:37 PM

ES6 のサブクラスと継承の説明

JavaScript では、開発者はプロトタイプを使用して ES5 の別の関数を継承します。 ES6 では、JavaScript で導入されたクラスを他のプログラミング言語と同様に継承に使用できます。

サブクラスと継承とは何ですか?

サブクラスという言葉が表すように、別のクラスのサブクラスです。継承を使用して、スーパークラスからサブクラスを作成または派生することができ、クラスをスーパークラスとして呼び出したり、そこから派生したクラスを呼び出したり、サブクラスを派生クラスとして呼び出したりすることができます。

サブクラスにはスーパークラスのすべてのプロパティとメソッドが含まれており、サブクラス オブジェクトを使用してアクセスできます。 「extend」キーワードを使用して、スーパークラスからクラスを派生できます。

###文法###

次の構文に従って、スーパークラスからサブクラスを継承できます。

リーリー

上記の構文では class キーワードを使用してクラスを作成しました。さらに、ユーザーは extends キーワードを使用してスーパークラスからサブクラスを継承する方法を確認することもできます。

継承のメリット

このチュートリアルに進む前に、継承のさまざまな利点を理解しましょう。

    継承により、スーパークラスのコードを再利用できるようになります。
  • 継承により、同じコードを頻繁に記述する必要がなくなるため、時間を節約できます。
  • さらに、継承を使用して、適切な構造を持つ保守可能なコードを生成できます。
  • 継承を使用してスーパー クラス メソッドをオーバーライドし、サブクラスで再度実装することができます。
  • 実際の例を通して継承を理解しましょう。このようにして、継承を正しく理解することができます。
###例###

次の例では、house クラスを作成します。 Two_BHK クラスは house クラスを継承します。つまり、Two_BHK クラスには house クラスのすべてのプロパティとメソッドが含まれます。

ハウス クラスの get_total_rooms() メソッドをオーバーライドし、独自のメソッドを Two_BHK クラスに実装しました。

リーリー

これで、継承の本当の目的が理解できました。上の例では、継承を通じてコードをどのように再利用できるかを確認できます。さらに、上記の例で示されているように、明確な構造が提供されます。さらに、スーパークラスでメソッドの構造を定義し、それをサブクラスで実装することができます。したがって、スーパークラスは明確なメソッド構造を提供し、それらをサブクラスに実装できます。

###例###

この例では、クラスのコンストラクターを使用してクラスのプロパティを初期化します。さらに、 super() キーワードを使用して、サブクラスからスーパークラスのコンストラクターを呼び出しました。

サブクラスのプロパティを初期化する前に、サブクラス コンストラクターに super() キーワードを記述する必要があることに注意してください。

リーリー

このチュートリアルでは継承について学びました。さらに、このチュートリアルでは、サブクラスのメソッドをオーバーライドし、サブクラスからスーパークラスのコンストラクターを呼び出して、すべてのスーパークラスのプロパティを初期化する方法を説明します。

以上がES6 のサブクラスと継承の説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

JavaScriptの文字列文字を交換します JavaScriptの文字列文字を交換します Mar 11, 2025 am 12:07 AM

JavaScriptの文字列文字を交換します

jQuery日付が有効かどうかを確認します jQuery日付が有効かどうかを確認します Mar 01, 2025 am 08:51 AM

jQuery日付が有効かどうかを確認します

jQueryは要素のパディング/マージンを取得します jQueryは要素のパディング/マージンを取得します Mar 01, 2025 am 08:53 AM

jQueryは要素のパディング/マージンを取得します

10 jQuery Accordionsタブ 10 jQuery Accordionsタブ Mar 01, 2025 am 01:34 AM

10 jQuery Accordionsタブ

10 jqueryプラグインをチェックする価値があります 10 jqueryプラグインをチェックする価値があります Mar 01, 2025 am 01:29 AM

10 jqueryプラグインをチェックする価値があります

ノードとHTTPコンソールを使用したHTTPデバッグ ノードとHTTPコンソールを使用したHTTPデバッグ Mar 01, 2025 am 01:37 AM

ノードとHTTPコンソールを使用したHTTPデバッグ

jQueryはscrollbarをdivに追加します jQueryはscrollbarをdivに追加します Mar 01, 2025 am 01:30 AM

jQueryはscrollbarをdivに追加します

カスタムGoogle検索APIセットアップチュートリアル カスタムGoogle検索APIセットアップチュートリアル Mar 04, 2025 am 01:06 AM

カスタムGoogle検索APIセットアップチュートリアル

See all articles