JavaScript のオブジェクト指向プログラミングにおけるプロパティの継承

JavaScript には、継承キーワードである extends はありません。では、コンストラクターを使用してオブジェクトを生成する場合、別のコンストラクターに基づいてオブジェクトの属性を生成 (継承/コピー) するにはどのようなメソッドが使用されるのでしょうか? つまり、関数で new キーワードを使用してオブジェクトを生成する場合、オブジェクトのプロパティは他の関数から取得できます。

この記事では 2 つの書き方を紹介します:

1 つ目 (非公式):
ただし、この使用法を理解する必要があります。

JavaScript コード

function 動物 (名前、年齢){

this.name = 名前;

this.age = 年齢

}

function 犬 (名前、年齢){

this; .i = 動物;

this.i(名前, 年齢)

d = 新しい犬

; /*

犬 {名前: "こんにちは"、年齢: 20}

年齢: 20

i: 関数 Animal(名前, 年齢)

名前: "こんにちは"

__proto__:

コンストラクター: 関数Dog(名前、年齢)

*/

上記の書き方は、外部関数 Animal を自身の内部メンバー関数の 1 つとして参照することです。

これは匿名関数の書き方です。

以下と同等:

Javascript コード

function Dog (名前, 年齢){

this.i = function Animal (name, age){

this.name = 名前

This.age = 年齢;

}

this.i(name, age);

}

以下と同等:

Javascript コード

function Dog (name, age){

/*

関数を呼び出すとき、 'new' キーワードを使用して

オブジェクトを作成する代わりに、

// 'new' キーワードを使用して関数

Animal () を呼び出して

NEW を作成します。 nimal ( );

内側の 'this' は外側の 'this' と同じです。

関数内に作成された 'this' オブジェクトがないため、 を参照する必要があります。外側の

*/

this.i = function (name, age){

this.name = name; // 2. したがって、内側の "this" は同じです

This.age = age; ; //「This」の1つ。

思考: 関数を呼び出すとき、「これ」とは誰ですか? ?
そのため、関数呼び出しは「この」オブジェクトを生成しません。
Dog 内で直接 Animal を呼び出すことはできないのでしょうか?
答え: いいえ

Java コード

/*

呼び出される関数が属する 'this'

呼び出される関数の内部の 'this' は、その 'this' オブジェクトを参照します

*/

function Dog (name, age){ // Animal を直接呼び出す場合、

Animal(name,age) // ここでの Animal 関数は 'window' に属します、

} // したがって 'this' が内部にあります。 「ウィンドウ」への動物の参照

2 番目 (正式):
apply() 関数または call() 関数を使用する

apply() : 「この」オブジェクトを (その) 関数に適用し、それを呼び出します

JavaScript コード

function Animal (名前, 年齢){

this.name = 名前;

this.age = 年齢

}

function Do g (名前, 年齢){ . Animal.apply (this, argument); // 「this」オブジェクトをanimal関数に適用します

// または

// 指定された「this」を使用してanimal関数を呼び出します

///////// オブジェクト他の 'this' への参照前

d = new Dog('hello',20);

犬 {名前: " こんにちは"、年齢: 20}

年齢: 20

名前: "こんにちは"

__proto__:

コンストラクター: function Dog(名前, 年齢)

*/