ホームページ > 記事 > ウェブフロントエンド > JavaScriptオブジェクトのプロパティとプロトタイプの関係
ECMAScript は 2 種類のオブジェクトを認識できます。1 つはネイティブ オブジェクトと呼ばれ、言語カテゴリに属します。もう 1 つはホスト オブジェクトと呼ばれ、ドキュメント オブジェクト、Dom ノードなどの実行環境によって提供されます。緩い構造で動的に追加可能 プロパティ。すべてのプロパティには名前と値があります。この値は、別のオブジェクトまたは組み込みデータ型 (文字列、数値、ブール値、Null、または未定義) への参照にすることができます。
次の簡単な例です。 JavaScript オブジェクトがプロパティの値を設定する方法と、プロパティの値を読み取る方法について説明します。
オブジェクトの属性の作成は、割り当て操作を通じて直接完了できます。
var objectRef = new Object(); //汎用 JavaScript オブジェクトを作成します。
このようにして、testNumber という名前のプロパティを作成できます。
Code
objectRef.testNumber = 5;/* - または:- */
objectRef["testNumber"] = 5;
コピーされた属性名がすでに存在する場合、属性は再度作成されず、割り当ては操作は属性の値をリセットするだけです
Code
objectRef.testNumber = 8;/* - または:- */
objectRef["testNumber"] = 8;
の作成と何ら変わりません。
値の操作
Code
objectRef.testNumber = 8; out the 属性 Value*/
var val = objectRef.testNumber;
/* これで、val の値 8 が objectRef*/ に割り当てられました
プロトタイプが明らかにされました
このチェーンは、チェーン内のフォーメーションのプロトタイプが null であることが判明すると終了します。 (Objectのデフォルトのプロトタイプはnullです)
var objectRef = new Object(); //汎用JavaScriptオブジェクトを作成します
次のコードを検討しています
/* 型 MyObject1 のコンストラクターを構築します
MyObject1
function MyObject1(formalParameter ){
/* オブジェクトの場合 testNumber という名前のプロパティを作成します
*/
this.testNumber =formalParameter;
}
/* MyObject2 型のコンストラクターを構築します
MyObject2 - type:-
*/
function MyObject2 (formalParameter){
/* オブジェクトは testString という名前のプロパティを作成します*/
this.testString = officialParameter;
}
/* 次のステップでは、MyObject2 のデフォルトのプロトタイプ プロパティを MyObject1 に置き換えます。 object*/
MyObject2.prototype = new MyObject1(8);
/* 最後に、MyObject2 型のオブジェクトを作成します*/
var objectRef = new MyObject2( "String_Value" ); MyObject2 型のこのオブジェクトは、プロトタイプ チェーン。チェーン内の最初のオブジェクトは MyObject1 オブジェクトです。MyObject1 オブジェクトにもプロトタイプがあります。
このプロトタイプは Object のデフォルト プロトタイプであり、Object.prototype のプロトタイプは null で、このプロトタイプ チェーンは終了します。
値操作が発生すると、objectRef のプロトタイプ チェーン全体が動作し始めます
Code
objectRef には testString という属性があり、このコードは testString の値を割り当てます。
var = objectRef.testNumber;
objectRef オブジェクトには属性 testNumber がありませんが、インタープリタが現在のオブジェクトで必要な値を見つけられなかったためです。
の属性を使用して、このオブジェクトのプロトタイプを確認します。 objectRef のプロトタイプは MyObject1 オブジェクトであるため、val は値 8 を取得します。
Code
var = objectRef.toString;
この関数は Object.prototype のプロパティです。MyObject1 も MyObject2 も toString プロパティを定義していないため、Object.prototype が返されます。
var = objectRef.madeUpProperty;
書き込み操作により、obj オブジェクト自体に同じ名前のプロパティが作成されます (このプロパティ名が存在しない場合
これは、objectRef.testNumber = 3 が作成されることを意味します) objectRef オブジェクトのプロパティ、名前は testNumber です。次に testNumber を読み込む場合、
propertype チェーンは機能しません。objectRef のプロパティ 3 のみが取得され、MyObject1 の testNumber プロパティは変更されません。次のコードで確認できます
code
/ * MyObject1 型のコンストラクターを構築します
MyObject1 - type.
*/
function MyObject1(formalParameter){
/* オブジェクトの testNumber という名前のプロパティを作成します
*/
this .testNumber = officialParameter;
}
/ * MyObject2 型のコンストラクターを構築します
MyObject2 - type:-
*/
function MyObject2(formalParameter){
/* testString というオブジェクトのプロパティ名を作成します*/
this .testString = modernParameter;
}
/ * 次のステップでは、MyObject2 のデフォルトのプロトタイプ属性を MyObject1 オブジェクトに置き換えます*/
var obj1 = new MyObject1(8);
MyObject2.prototype = obj1; MyObject2*/
var objectRef = new MyObject2( "String_Value" );
alert(objectRef.testNumber); testNumber); その他の関連記事 PHP 中国語 Web サイト (www.php.cn) にご注意ください。