JavaScript中對象property的讀取和寫入方法介紹

更新時間：2014年12月30日 09:44:22 投稿：junjie

這篇文章主要介紹了JavaScript中對象property的讀取和寫入方法介紹,本文講解了原型繼承鏈中property的讀取、原型繼承鏈中property的寫入等內容,需要的朋友可以參考下

JavaScript中，可以通過點號操作符”.”或者中括號操作符”[]“來對對象的property進行讀取和寫入：

var o = {x:1, y:2};

console.log(o.x);//1

console.log(o["y"]);//2

o.y = 7;

console.log(o["y"]);//7

值得注意的是，如果使用中括號操作符，則操作符內的值類型必須是string，或者能夠轉換成string的表達式：

復制代碼代碼如下:

console.log(o[y]);//ReferenceError: y is not defined

var v = "y";

console.log(o[v]);//7

與Java語言不同的是，JavaScript中對象的property可以動態(tài)添加或刪除。當對某個property進行賦值操作時，如果該property不存在，JavaScript會在對象中動態(tài)添加此property：

復制代碼代碼如下:

o.z = 99;

console.log(o);//Object {x=1, y=7, z=99}

原型繼承鏈中property的讀取

JavaScript中所有的對象均有一個prototype原型對象，并從該原型對象中繼承property；因此，JS中一個對象的property分成兩大類：

1.對象自身所擁有的property(“Own Property”)。
2.從原型對象處繼承而來的property。

當讀取對象的property時，所遵循的規(guī)則如下：

1.從對象自身的property集合(“Own Property”)中搜索需要讀取的property；如果可以搜索到，則直接讀取該property并返回其值。
2.如果無法從對象自身的property集合(“Own Property”)中搜索到該property，那么則從對象的prototype原型鏈中繼續(xù)進行搜索，直至搜索到該property并返回其值。
3.如果無法從對象自身的property集合(“Own Property”)中搜索到該property，也無法從對象的所有prototype對象中搜索到該property，則返回undefined。

原型繼承鏈中property的寫入

在對JavaScript對象的property進行寫入時，所遵循的規(guī)則如下：

1.如果對象自身有該property，且該property可寫，則將新值寫入該property。如果該property只讀，則報錯。
2.如果對象自身沒有該property，且其所有的prototype對象中也不存在該property，則將此property添加到該對象中。
3.如果對象自身沒有該property，但其prototype對象中存在該property且可寫，那么JS會在對象中新建這個property；也就是說，該對象覆寫了其prototype對象中的這個property。prototype對象中此property值不變。
4.如果對象自身沒有該property，但其prototype對象中存在該property且只讀，則報錯。
5.如果對象自身沒有該property，但其prototype對象中存在該property的setter方法，那么JS會調用該prototype對象中的setter方法。值得注意的是，在運行setter方法時，如果涉及到變量賦值，那么賦值操作將作用在對象自身上，而prototype對象不會有任何改動。對于這一行為，可以理解為：對象從prototype處繼承了setter函數并加以執(zhí)行。

從上述規(guī)則中可以發(fā)現，如果對property的賦值操作成功，那么最后被修改的永遠是對象自身，其prototype原型對象不會有任何改動。

您可能感興趣的文章: