ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptオブジェクトのプロパティとプロトタイプの関係

JavaScriptオブジェクトのプロパティとプロトタイプの関係

黄舟
黄舟オリジナル
2016-12-14 15:56:25883ブラウズ

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;

js オブジェクトのプロトタイプ自体は次のようになります。 js オブジェクト (プロトタイプ) への代入操作は、通常のオブジェクト プロパティ

の作成と何ら変わりません。

値の操作

値の操作では、プロパティとプロトタイプは異なります。最初に最も単純なプロパティの値の操作を見てみましょう。


Code

/*オブジェクトの属性に値を割り当てます。オブジェクトにこの属性がない場合、割り当て操作の後、オブジェクトはこの属性を持ちます*/

objectRef.testNumber = 8; out the 属性 Value*/
var val = objectRef.testNumber;

/* これで、val の値 8 が objectRef*/ に割り当てられました

プロトタイプが明らかにされました

しかし、すべてのオブジェクトはプロトタイプを持つことができ、プロトタイプ自体もオブジェクトです。その後、プロトタイプを持つこともでき、この方法でループすることでプロトタイプ チェーンが形成されます。

このチェーンは、チェーン内のフォーメーションのプロトタイプが null であることが判明すると終了します。 (Objectのデフォルトのプロトタイプはnullです)

var objectRef = new Object(); //汎用JavaScriptオブジェクトを作成します

このとき、このオブジェクトのプロトタイプはNullなので、 objectRef プロトタイプ チェーンには 1 つのオブジェクト Object.prototype のみが含まれています

次のコードを検討しています

code

/* 型 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

var val = objectRef.testString;


objectRef には testString という属性があり、このコードは testString の値を割り当てます。
var = objectRef.testNumber;

objectRef オブジェクトには属性 testNumber がありませんが、インタープリタが現在のオブジェクトで必要な値を見つけられなかったためです。
の属性を使用して、このオブジェクトのプロトタイプを確認します。 objectRef のプロトタイプは MyObject1 オブジェクトであるため、val は値 8 を取得します。

Code
var = objectRef.toString;

この関数は Object.prototype のプロパティです。MyObject1 も MyObject2 も toString プロパティを定義していないため、Object.prototype が返されます。

Code

var = objectRef.madeUpProperty;

MyObject1、MyObject2、Object がプロパティ madeUpProperty を定義していないため、最後の val は未定義です。


読み取り操作は obj 自体を読み取ります。プロトタイプ チェーン上で見つかった同じ名前の最初のプロパティ値

書き込み操作により、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) にご注意ください。




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