ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript プロトタイプ チェーンを理解する

JavaScript プロトタイプ チェーンを理解する

高洛峰
高洛峰オリジナル
2016-12-09 09:13:18977ブラウズ

すべての JavaScript オブジェクトは別のオブジェクトに関連付けられており、関連付けられたオブジェクトは「プロトタイプ」と呼ばれるものです。すべてのオブジェクトはプロトタイプからプロパティとメソッドを継承します。プロトタイプを持たない特別なオブジェクト、それが Object です。これについては、次の図で説明します。

たとえば、最初に関数 Student() を宣言します。

function Student(name){
  this.name = name;
 this.hello = function(){
   alert(`Hello,${this.name}`);
 }
 }

この関数には、属性名とメソッド hello が含まれています。
JavaScript では、new キーワードを使用して Student 関数を呼び出すことができ (new を書かないのは通常の関数、new を書くのはコンストラクターです)、以下に示すように、プロトタイプが Student.prototype を指すオブジェクトを返します。

仮定が正しいかどうかを確認したい場合は、xiaoming.prototype と Student.prototype が等しいかどうかを比較する必要があります。

ただし、xiaoming にはプロトタイプ属性がありませんが、__proto__ を使用して表示できます。次に、これらの属性を使用して、xiaoming、Student、Object の間のプロトタイプ チェーンを表示します。

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