javascript對象的property和prototype是這樣一種關系

< DOCTYPE html PUBLIC -WCDTD XHTML StrictEN httpwwwworgTRxhtmlDTDxhtml-strictdtd>

ECMAScript可以識别兩種類型的對象，一種叫做Native Object屬于語言範疇;一種叫做Host Object，由運作環境提供例如document對象，

Dom Node等

Native objects是一種松散的結構并且可以動态的增加屬性(property)，所有的屬性都有一個名字和一個值，這個值可以是另一個對象的引用

或者是内建的資料類型(String, Number, Boolean, Null 或者 Undefined)

下面的這個簡單的例子描述了一個javascript對象是如何設定一個屬性的值和如何讀取屬性的值的。

指派操作

一個對象的屬性的建立非常簡單，直接通過指派操作就可以完成屬性的建立。

代碼

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

一個名為testNumber的屬性可以這樣建立。

objectRef.testNumber = 5;   

objectRef["testNumber"] = 5;   

如果複制的屬性名稱已經存在那麼不會再次建立這個屬性，指派操作僅僅是重新設定屬性的值

objectRef.testNumber = 8;   

objectRef["testNumber"] = 8;   

js對象的原型(prototype)自己本身也可以是對象，也可以有屬性(property),對于js對象的(prototype)的指派操作跟普通對象屬性的建立

沒什麼不同。

取值操作

在取值操作中property和prototype就不一樣了，先看最簡單的property取值操作。

var val = objectRef.testNumber;   

prototype揭密

但是所有的對象都可以有prototypes, prototypes自己也是對象，那麼他也可以有prototypes,這樣循環下去就形成了一個prototype鍊，

這個鍊當他遇到鍊中隊形的prototype是null時中止。(Object的預設的prototype是null)

建立一個新的js對象，這時這個對象的prototype是Null，是以objectRef的prototype鍊隻包含一個對象Object.prototype

我們在看下面的代碼

function MyObject1(formalParameter){   

     this.testNumber = formalParameter;   

}   

function MyObject2(formalParameter){   

     this.testString = formalParameter;   

MyObject2.prototype = new MyObject1( 8 );   

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

在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屬性并不會被修改。下面的代碼可以驗證

var obj1 = new MyObject1( 8 );   

MyObject2.prototype = obj1;   

alert(objectRef.testNumber);   

alert(obj1.testNumber);

本文轉自 netcorner 部落格園部落格，原文連結：http://www.cnblogs.com/netcorner/archive/2007/10/31/2912264.html  ，如需轉載請自行聯系原作者