ECMAScript可以識(shí)別兩種類型的對(duì)象，一種叫做Native Object屬于語(yǔ)言范疇;一種叫做Host Object，由運(yùn)行環(huán)境提供例如document對(duì)象，
Dom Node等
Native objects是一種松散的結(jié)構(gòu)并且可以動(dòng)態(tài)的增加屬性(property)，所有的屬性都有一個(gè)名字和一個(gè)值，這個(gè)值可以是另一個(gè)對(duì)象的引用
或者是內(nèi)建的數(shù)據(jù)類型(String, Number, Boolean, Null 或者 Undefined)
下面的這個(gè)簡(jiǎn)單的例子描述了一個(gè)javascript對(duì)象是如何設(shè)置一個(gè)屬性的值和如何讀取屬性的值的。

賦值操作
一個(gè)對(duì)象的屬性的創(chuàng)建非常簡(jiǎn)單，直接通過(guò)賦值操作就可以完成屬性的創(chuàng)建。
代碼

   1. var objectRef = new Object(); //create a generic javascript object.  


一個(gè)名為testNumber的屬性可以這樣創(chuàng)建。
代碼

   1. objectRef.testNumber = 5;  
   2. /* - or:- */  
   3. objectRef["testNumber"] = 5;  


如果復(fù)制的屬性名稱已經(jīng)存在那么不會(huì)再次創(chuàng)建這個(gè)屬性，賦值操作僅僅是重新設(shè)置屬性的值
代碼

   1. objectRef.testNumber = 8;  
   2. /* - or:- */  
   3. objectRef["testNumber"] = 8;  



js對(duì)象的原型(prototype)自己本身也可以是對(duì)象，也可以有屬性(property),對(duì)于js對(duì)象的(prototype)的賦值操作跟普通對(duì)象屬性的創(chuàng)建
沒(méi)什么不同。

取值操作
在取值操作中property和prototype就不一樣了，先看最簡(jiǎn)單的property取值操作。
代碼

   1. /*為一個(gè)對(duì)象的屬性賦值，如果這個(gè)對(duì)象沒(méi)有這個(gè)屬性，那么在賦值操作后，這個(gè)對(duì)象就有這個(gè)屬性了 */  
   2. objectRef.testNumber = 8;  
   3. /* 讀出這個(gè)屬性的值 */  
   4. var val = objectRef.testNumber;  
   5.   
   6. /* 現(xiàn)在val 就得到了剛才賦予objectRef的值8了*/  


prototype揭密

但是所有的對(duì)象都可以有prototypes, prototypes自己也是對(duì)象，那么他也可以有prototypes,這樣循環(huán)下去就形成了一個(gè)prototype鏈，
這個(gè)鏈當(dāng)他遇到鏈中隊(duì)形的prototype是null時(shí)中止。(Object的默認(rèn)的prototype是null)
代碼

   1. var objectRef = new Object(); //create a generic javascript object.  


創(chuàng)建一個(gè)新的js對(duì)象，這時(shí)這個(gè)對(duì)象的prototype是Null，所以objectRef的prototype鏈只包含一個(gè)對(duì)象Object.prototype
我們?cè)诳聪旅娴拇a
代碼

   1. /* 構(gòu)建MyObject1這個(gè)類型的構(gòu)造函數(shù) 
   2.    MyObject1 - type. 
   3. */  
   4. function MyObject1(formalParameter){  
   5.     /* 為者對(duì)象創(chuàng)建一個(gè)屬性名字叫testNumber 
   6.     */  
   7.     this.testNumber = formalParameter;  
   8. }  
   9.   
  10. /* 構(gòu)建MyObject2這個(gè)類型的構(gòu)造函數(shù) 
  11.    MyObject2 - type:- 
  12. */  
  13. function MyObject2(formalParameter){  
  14.    /* 為者對(duì)象創(chuàng)建一個(gè)屬性名字叫testString*/  
  15.     this.testString = formalParameter;  
  16. }  
  17.   
  18. /* 下一步的操作會(huì)用MyObject1對(duì)象替換掉MyObject2默認(rèn)的prototype屬性*/  
  19. MyObject2.prototype = new MyObject1( 8 );  
  20.   
  21. /* 最后我們創(chuàng)建MyObject2類型的一個(gè)對(duì)象*/  
  22.   
  23. var objectRef = new MyObject2( "String_Value" );  


objectRef這個(gè)MyObject2類型的對(duì)象有一個(gè)prototype的鏈，鏈中的第一個(gè)對(duì)象是MyObject1對(duì)象，MyObject1對(duì)象也有prototype,
這個(gè)prototype是Object默認(rèn)的prototype，Object.prototype的prototype是null,至此這條prototype鏈結(jié)束。
當(dāng)一個(gè)取值操作發(fā)生時(shí)，objectRef 的整個(gè)prototype鏈就開始工作
代碼

   1. var val = objectRef.testString;  


objectRef這個(gè)對(duì)象的有一個(gè)屬性叫做testString，那么這句代碼會(huì)把testString的值賦給val
代碼

   1. var val = objectRef.testNumber;  


在objectRef這個(gè)對(duì)象里并沒(méi)有testNumber這個(gè)屬性，但是val卻的到了值8，而不是undefine,這是因?yàn)榻忉屍髟跊](méi)有在當(dāng)前對(duì)象找到要找
的屬性后，就會(huì)去檢查這個(gè)對(duì)象的prototype,objectRef的prototype是MyObject1對(duì)象，這個(gè)對(duì)象有testNumber這個(gè)屬性，所以val得到8這個(gè)值。
代碼

   1. var val = objectRef.toString;  


現(xiàn)在val是個(gè)function的引用，這個(gè)function是Object.prototype的property,由于MyObject1和MyObject2都沒(méi)有定義toString這個(gè)property
所以O(shè)bject.prototype返回。
代碼

   1. var val = objectRef.madeUpProperty;  


最后val是undefined,因?yàn)镸yObject1和MyObject2，還有Object都沒(méi)有定義madeUpProperty這個(gè)property,所以得到的是undefine.

讀操作會(huì)讀取在obj自己和prototype 鏈上發(fā)現(xiàn)的第一個(gè)同名屬性值
寫操作會(huì)為obj對(duì)象本身創(chuàng)建一個(gè)同名屬性(如果這個(gè)屬性名不存在
這就意味著objectRef.testNumber = 3會(huì)在objectRef對(duì)象上創(chuàng)建一個(gè)property，名字是testNumber，當(dāng)下一次在要讀取testNumber時(shí)
propertype鏈就不會(huì)工作，僅僅會(huì)得到objectRef的property 3,而MyObject1的testNumber屬性并不會(huì)被修改。下面的代碼可以驗(yàn)證
代碼

   1. /* 構(gòu)建MyObject1這個(gè)類型的構(gòu)造函數(shù) 
   2.    MyObject1 - type. 
   3. */  
   4. function MyObject1(formalParameter){  
   5.     /* 為者對(duì)象創(chuàng)建一個(gè)屬性名字叫testNumber 
   6.     */  
   7.     this.testNumber = formalParameter;  
   8. }  
   9.   
  10. /* 構(gòu)建MyObject2這個(gè)類型的構(gòu)造函數(shù) 
  11.    MyObject2 - type:- 
  12. */  
  13. function MyObject2(formalParameter){  
  14.    /* 為者對(duì)象創(chuàng)建一個(gè)屬性名字叫testString*/  
  15.     this.testString = formalParameter;  
  16. }  
  17.   
  18. /* 下一步的操作會(huì)用MyObject1對(duì)象替換掉MyObject2默認(rèn)的prototype屬性*/  
  19. var obj1 = new MyObject1( 8 );  
  20. MyObject2.prototype = obj1;  
  21.   
  22. /* 最后我們創(chuàng)建MyObject2類型的一個(gè)對(duì)象*/  
  23.   
  24. var objectRef = new MyObject2( "String_Value" );  
  25.   
  26. alert(objectRef.testNumber);  
  27. objectRef.testNumber = 5;  
  28. alert(objectRef.testNumber);  
  29. alert(obj1.testNumber);  

最新評(píng)論