|
|
Dom Node等
Native objects是一種松散的結構并且可以動態的增加屬性(property)，所有的屬性都有一個名字和一個值，這個值可以是另一個對象的引用
或者是內建的數據類型(String, Number, Boolean, Null 或者 Undefined)
下面的這個簡單的例子描述了一個Javascript對象是如何設置一個屬性的值和如何讀取屬性的值的。
賦值操作
一個對象的屬性的創建非常簡單，直接通過賦值操作就可以完成屬性的創建。
var objectRef = new Object(); //create a generic Javascript object.
一個名為testNumber的屬性可以這樣創建。
objectRef.testNumber = 5;
/* - or:- */
objectRef["testNumber"] = 5;
如果復制的屬性名稱已經存在那么不會再次創建這個屬性，賦值操作僅僅是重新設置屬性的值
objectRef.testNumber = 8;
/* - or:- */
objectRef["testNumber"] = 8;
js對象的原型(prototype)自己本身也可以是對象，也可以有屬性(property),對于js對象的(prototype)的賦值操作跟普通對象屬性的創建
沒什么不同。
取值操作
在取值操作中property和prototype就不一樣了，先看最簡單的property取值操作。
/*為一個對象的屬性賦值，如果這個對象沒有這個屬性，那么在賦值操作后，這個對象就有這個屬性了 */
objectRef.testNumber = 8;
/* 讀出這個屬性的值 */
var val = objectRef.testNumber;
/* 現在val 就得到了剛才賦予objectRef的值8了*/
prototype揭密
但是所有的對象都可以有prototypes, prototypes自己也是對象，那么他也可以有prototypes,這樣循環下去就形成了一個prototype鏈，
這個鏈當他遇到鏈中隊形的prototype是null時中止。(Object的默認的prototype是null)
var objectRef = new Object(); //create a generic Javascript object.
創建一個新的js對象，這時這個對象的prototype是Null，所以objectRef的prototype鏈只包含一個對象Object.prototype
我們在看下面的
/* 構建MyObject1這個類型的構造函數
MyObject1 - type.
*/
function MyObject1(formalParameter){
/* 為者對象創建一個屬性名字叫testNumber
*/
this.testNumber = formalParameter;
}
/* 構建MyObject2這個類型的構造函數
MyObject2 - type:-
*/
function MyObject2(formalParameter){
/* 為者對象創建一個屬性名字叫testString*/
this.testString = formalParameter;
}
/* 下一步的操作會用MyObject1對象替換掉MyObject2默認的prototype屬性*/
MyObject2.prototype = new MyObject1( 8 );
/* 最后我們創建MyObject2類型的一個對象*/
var objectRef = new MyObject2( "String_Value" );
objectRef這個MyObject2類型的對象有一個prototype的鏈，鏈中的第一個對象是MyObject1對象，MyObject1對象也有prototype,
這個prototype是Object默認的prototype，Object.prototype的prototype是null,至此這條prototype鏈結束。
當一個取值操作發生時，objectRef 的整個prototype鏈就開始工作
var val = objectRef.testString;
objectRef這個對象的有一個屬性叫做testString，那么這句會把testString的值賦給val
var val = objectRef.testNumber;
在objectRef這個對象里并沒有testNumber這個屬性，但是val卻的到了值8，而不是undefine,這是因為解釋器在沒有在當前對象找到要找
的屬性后，就會去檢查這個對象的prototype,objectRef的prototype是MyObject1對象，這個對象有testNumber這個屬性，所以val得到8這個值。
var val = objectRef.toString;
現在val是個function的引用，這個function是Object.prototype的property,由于MyObject1和MyObject2都沒有定義toString這個property
所以Object.prototype返回。
var val = objectRef.madeUpProperty;
最后val是undefined,因為MyObject1和MyObject2，還有Object都沒有定義madeUpProperty這個property,所以得到的是undefine.
讀操作會讀取在obj自己和prototype 鏈上發現的第一個同名屬性值
寫操作會為obj對象本身創建一個同名屬性(如果這個屬性名不存在
這就意味著objectRef.testNumber = 3會在objectRef對象上創建一個property，名字是testNumber，當下一次在要讀取testNumber時
propertype鏈就不會工作，僅僅會得到objectRef的property 3,而MyObject1的testNumber屬性并不會被修改。下面的可以驗證
/* 構建MyObject1這個類型的構造函數
MyObject1 - type.
*/
function MyObject1(formalParameter){
/* 為者對象創建一個屬性名字叫testNumber
*/
this.testNumber = formalParameter;
}
/* 構建MyObject2這個類型的構造函數
MyObject2 - type:-
*/
function MyObject2(formalParameter){
/* 為者對象創建一個屬性名字叫testString*/
this.testString = formalParameter;
}
/* 下一步的操作會用MyObject1對象替換掉MyObject2默認的prototype屬性*/
var obj1 = new MyObject1( 8 );
MyObject2.prototype = obj1;
/* 最后我們創建MyObject2類型的一個對象*/
var objectRef = new MyObject2( "String_Value" );
alert(objectRef.testNumber);
objectRef.testNumber = 5;
alert(objectRef.testNumber);
alert(obj1.testNumber);
JavaScript技術：javascript對象的property和prototype是這樣一種關系，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
