JavaScript プロトタイプチェーンの例 Sharing_JavaScript スキル

コードをコピー コードは次のとおりです: /* 各オブジェクト インスタンスには、instanceof オブジェクト (仮に親オブジェクトと呼びます) のプロトタイプ (プロトタイプ) を指す属性メンバーがあります これを置きます親プロトタイプをレイヤーごとに指す関係は [プロトタイプ チェーン プロトタイプ チェン] と呼ばれます プロトタイプには親プロトタイプもあります。これは、人為的に変更しない限り、オブジェクト インスタンスでもあることが多いためです。 JavaScript では、 "すべてがオブジェクトであり、関数が最初の型です。" Function と Object はどちらも関数のインスタンスです。 Function の親プロトタイプは Function のプロトタイプを指します。 Function.prototype の親プロトタイプは Object のプロトタイプです。 Object の親プロトタイプは、最上位の Object.prototype を指します。すべての親プロトタイプの SpiderMonkey エンジンでは、親プロトタイプは __proto__ */ Function.prototype.hi = function(){alert('hi Function');} Object.prototype.hi = function( ){alert('hi Object');} var a = function(){ this.txt = "a"; } a。プロトタイプ = { say:function (){alert('a');} } alert(a instanceof Function);//a は Function のインスタンスです。 alert(a. __proto__ === Function.prototype);/ /a の親プロトタイプは Function のプロトタイプを指します; alert(Functioninstanceof Object);//Function は Object のインスタンスです; alert(Function.__proto__ === Function .prototype);//関数の親プロトタイプは Function のプロトタイプを指します; alert(Function.prototype.__proto__ === Object.prototype);//Function のプロトタイプの親プロトタイプは Object alert(Object.__proto__ === Function .prototype);//Object の親プロトタイプは Function のプロトタイプを指します; alert(Object.prototype.__proto__);//Object のプロトタイプが最上位ですすべての親プロトタイプが削除され、親プロトタイプがなくなりました;

alert(a.prototypeinstanceof Object);//a のプロトタイプもオブジェクトです

alert(a.prototype.__proto__ === Object.prototype);//a のプロトタイプの親プロトタイプは以下を指しますオブジェクト のプロトタイプ var A = function(){};

A.prototype = new a(); A.prototype.say = function(){ alert('A'); } alert(A instanceof Function);//A は Function のインスタンスです alert(A.__proto__ === Function.prototype);//A の親プロトタイプは Function alert( A.prototypeinstanceof a);//A のプロトタイプは a alert(A.prototype.__proto__ === a.prototype);//A のプロトタイプの親プロトタイプは、 のプロトタイプ var iA = new A();//iA は A のインスタンスです、iA.__proto__ === A.prototype var iB = new a();//iB は a, iB のインスタンスです.__proto__ === a.prototype

iA.hi(); /* iA 自体には hi メソッドがありません (構造体にも定義されていません)、 したがって、A.prototype である iA.__proto__ も見つかりませんでした。 そこで、a.prototype である A.prototype.__proto__ を検索しましたが、それでも何も見つかりませんでした。 私は a.prototype を検索し続けました。 .__proto__、これは Object.prototype です。こんにちは。見つけたので、呼び出して を探すのをやめます。 出力: hi Object */ iB.hi(); /* iB 自体には hi メソッドがありません (コンストラクターにも定義されていません) (渡されました)。 そこで、.prototype である iB.__proto__ を探しましたが、まだ見つかりませんでした。 引き続き a.prototype.__proto__ (Object.prototype です) を探しました。こんにちは。見つけたので呼び出して検索をやめました。 出力: hi Object */ a.hi( ); /* a 自体には hi メソッドがありません (構築内になく、それ自体で定義されていません)。 なので、a.__proto__ が Function.prototype の両方であることを確認してください。すごい、こんにちはを見つけました。 、それで私はそれを呼び出して、 の検索をやめました。 出力： こんにちは Function */ iA.say(); /* iA自体にはsayメソッドがありません（構造内にありません、それ自体は定義されていません)、 そこで、iA.__proto__ を探しました。これは A.prototype です。すごい、見つけたので、それを呼び出して検索を停止しました。 そこで、ここで呼び出します。 A.prototype.say は次のとおりです: A */ iB.say(); /* iB 自体には Say メソッドがありません (構築にも定義されていません)それ自体) )、 そこで iB.__proto__ を探しました。これは a.prototype です。すごい、say を見つけたので、それを呼び出して検索をやめました。 つまり、ここで呼び出されたのは a.prototype.say でした。 出力: a */ iA.bad(); /* iA 自体には悪いメソッドはありません (構造内になく、それ自体で定義されていません)、 それで、 A.prototype である iA.__proto__ を探しましたが、これも見つかりませんでした。 そこで、 A.prototype.__proto__、つまり a.prototype を探しましたが、それでも何も見つかりませんでした 続けます。 a.prototype.__proto__、つまり Object.prototype を検索しましたが、最終的に見つからなかったので、検索を中止しました。 Return error, iA.bad is not a function */ // -->

訂正してくれたサイモンに感謝します!すべてのインスタンスは、属性メソッドを検索するときに独自のプロトタイプを検索しません (インスタンスのプロトタイプはプロトタイプ チェーンに含まれず、属性としてのみ使用できます)。

JavaScript プロトタイプ チェーンの例 Sharing_JavaScript スキル

関連記事

JavaScript プロトタイプチェーンの例 Sharing_JavaScript スキル