ホームページ  >  記事  >  ウェブフロントエンド  >  ES6 のサブクラスと継承の説明

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

王林
王林転載
2023-09-05 12:37:021013ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。