Javascript オブジェクト指向 オブジェクト(Object)_js オブジェクト指向

JavaScript でのオブジェクト作成ステートメント:
var obj = {}; または var obj = new Object();
オブジェクトに属性を追加するメソッド:
//=====最初の書き方= ===================================
obj.name = 'シャオ・ミン';オブジェクト 属性を追加します。
obj.updateName = function(name){// オブジェクトの updateName メソッドを定義します。
this.name = name;
alert(obj.name); >obj.updateName ("Xiaoqiang"); // updateName を呼び出して、obj オブジェクトの name 属性値を変更します
alert(obj['name']); 初めて表示される結果は次のとおりです: Xiao Ming
2 回目に表示される結果は：Xiaoqiang
//======2 番目の書き方==================== ================ ==
obj['name'] = 'Zhang San' //オブジェクトに属性を追加します
obj['updateName'] = function(name){// オブジェクトの updateName メソッドを定義します
obj[ 'name'] =name
alert(obj.name)('李)思'); // updateName を呼び出して、obj オブジェクトの name 属性値を変更します
alert (obj['name']);
初回の結果表示: Zhang San
結果が表示されます: Li Si




コードをコピー

コードは次のとおりです: // ======3 番目の書き方================== ================== var obj = { name: '王五', //オブジェクトに属性を追加します

updateName: function(name) {//オブジェクトの updateName メソッドを定義します

this.name = name;
}
};
alert(obj .name);
obj.updateName("Zhao Liu"); / / updateName を呼び出して、obj オブジェクトの name 属性値を変更します。 obj .name);


最初に結果が表示される: Wang Wu
2 回目の結果: Zhao Liu
//=====分析=== =====================================
最初の書き方が最も一般的な方法ですJavaScript は Java や .Net とは異なる動的言語であるため、オブジェクトの作成が容易になります。
プログラムが実行されてオブジェクトが作成された後、オブジェクトの内部構造も変更できます。

たとえば、プロパティやメソッド (Java と .net のリフレクション メカニズムではこれを行うことができません)。
(a): var obj = {} || 新しいオブジェクト();
(b): obj.name = "張三";
(c): obj.updateName = function(name) { this.name = name};
プログラムが実行されると (a)、空のオブジェクト (メソッドとプロパティが含まれない) obj が作成されます。
プログラムが実行されると (b)、obj のオブジェクトが作成されます。
プログラムが実行されると (c)、obj の内部構造が変更され、メソッド updateName が追加されます。
これらはすべて実行中に完了します
。 2 番目の書き方は配列に似ていますが、配列であるかどうかを区別するには、




のように判断できます。コードをコピーします

コードは次のとおりです。 if(typeof(obj.length) == "unknown") { alert("obj is配列ではありません。配列には長さ属性があります!"); }else{ alert("obj は配列です!");

}

2 番目の方法書き込みはデータ構造に似ています: obj[key] = value;
key は文字列であり、値は任意の型、変数、オブジェクト、関数などです。
次の方法でオブジェクトの内部構造をトラバースできます:

コードをコピー

コードは次のとおりです: for(obj の var key) { alert(key); var value = obj[key]

}

アラートは、定義した内容を表示できます。
3 番目の記述方法は、一見するとマップの内部構造です。
マップまたは JSON に精通している限り、JSON オブジェクトもこの構造を持ちます。オブジェクト わかりやすいですね。