JavaScriptのプロトタイプメソッドとは何ですか?

javascript プロトタイプとは、javascript のプロトタイプ オブジェクトを指し、すべての JavaScript オブジェクトはプロトタイプ (プロトタイプ オブジェクト) からプロパティとメソッドを継承します。

この記事の動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript プロトタイプ メソッドとは何ですか?

JavaScript プロトタイプ (プロトタイプ オブジェクト)

すべての JavaScript オブジェクトは、プロトタイプ (プロトタイプ オブジェクト) からプロパティとメソッドを継承します。

プロトタイプの継承

すべての JavaScript オブジェクトは、プロトタイプ (プロトタイプ オブジェクト) からプロパティとメソッドを継承します。

Date 对象从 Date.prototype 继承。
Array 对象从 Array.prototype 继承。
Person 对象从 Person.prototype 继承。

JavaScript 内のすべてのオブジェクト これらはすべてインスタンスですプロトタイプ チェーンの先頭にあるオブジェクトの。

JavaScript オブジェクトには、プロトタイプ オブジェクトを指すチェーンがあります。オブジェクトのプロパティにアクセスしようとすると、オブジェクトを検索するだけでなく、オブジェクトのプロトタイプ、オブジェクトのプロトタイプのプロトタイプも検索し、一致する名前のプロパティが見つかるまで上方向に検索します。またはプロトタイプに到達し、チェーンの終端に到達します。

Date オブジェクト、Array オブジェクト、および Person オブジェクトは Object.prototype を継承します。

プロパティとメソッドの追加

すべての既存のオブジェクトに新しいプロパティやメソッドを追加したい場合があります。

さらに、オブジェクトのコンストラクターにプロパティやメソッドを追加したい場合があります。

プロトタイプ属性を使用すると、オブジェクトのコンストラクターに新しい属性を追加できます。

Instance

function Person(first, last, age, eyecolor) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eyecolor;
}
 
Person.prototype.nationality = "English";

もちろん、プロトタイプを使用することもできます。オブジェクトのコンストラクターに新しいメソッドを追加します:

Instance

function Person(first, last, age, eyecolor) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eyecolor;
}
 
Person.prototype.name = function() {
  return this.firstName + " " + this.lastName;
};

推奨される学習: 「javascript 基本チュートリアル 」

以上がJavaScriptのプロトタイプメソッドとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。