ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript プロトタイプ チェーンを理解する

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

高洛峰
リリース: 2016-12-09 09:13:18
オリジナル
1035 人が閲覧しました

すべての 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 の間のプロトタイプ チェーンを表示します。

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