JavaScript ではコンストラクターの継承はどのように機能しますか?

WBOY
リリース: 2023-08-21 20:33:08
転載
1351 人が閲覧しました

JavaScript ではコンストラクターの継承はどのように機能しますか?

この記事では、JavaScript での継承の仕組みと、JavaScript のコンストラクターでこのオブジェクト指向プログラミング機能を活用する方法について説明します。

JavaScript のプロトタイプ オブジェクトについても簡単に紹介します。したがって、これについて事前に理解しておいていただければ幸いです。

JavaScript における継承とは、あるオブジェクトが別のオブジェクトからプロパティとメソッドを継承できるメカニズムです。これは、コンストラクターとプロトタイプのプロパティを使用して実現できます。

コンストラクターを作成する場合、プロトタイプ プロパティを使用して、コンストラクターのプロトタイプ オブジェクトにプロパティとメソッドを追加できます。コンストラクターを使用して作成されたオブジェクトはすべて、これらのプロパティとメソッドを継承します。 ######例###

次の例を通して理解しましょう:

リーリー

この例では、Person コンストラクターには name プロパティと age プロパティ、および getName メソッドがあります。 Person コンストラクターを使用して作成されたオブジェクトは、これらのプロパティとメソッドをプロトタイプから継承します。

call または apply メソッドを使用して親コンストラクターを呼び出し、これを最初の引数として渡すことで、既存のコンストラクターを継承する新しいコンストラクターを作成することもできます。 ######例###

JavaScript で動作する継承の完全な例を次に示します:

リーリー

この例では、名前と年齢のパラメーターを受け入れる person という親コンストラクターがあり、それには person コンストラクターのプロトタイプに追加される getName() というメソッドがあります。次に、Employee という子コンストラクターがあり、これは Person コンストラクターのプロパティとメソッドを継承します。 Employee コンストラクターは追加の company パラメーターを受け入れ、getCompany() というメソッドを持ち、これが Employee コンストラクターのプロトタイプに追加されます。

したがって、JavaScript では、コンストラクターを使用して、コンストラクターのプロトタイプ オブジェクトにプロパティとメソッドを追加するか、既存のコンストラクターから継承するオブジェクトを作成することによって、親オブジェクトからプロパティとメソッドを継承するオブジェクトを作成できます。 . 新しいコンストラクターが実装されます。

以上がJavaScript ではコンストラクターの継承はどのように機能しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:tutorialspoint.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート