JavaScript中對象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
值得注意的是,如果使用中括號操作符,則操作符內(nèi)的值類型必須是string,或者能夠轉(zhuǎn)換成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會調(diào)用該prototype對象中的setter方法。值得注意的是,在運行setter方法時,如果涉及到變量賦值,那么賦值操作將作用在對象自身上,而prototype對象不會有任何改動。對于這一行為,可以理解為:對象從prototype處繼承了setter函數(shù)并加以執(zhí)行。
從上述規(guī)則中可以發(fā)現(xiàn),如果對property的賦值操作成功,那么最后被修改的永遠是對象自身,其prototype原型對象不會有任何改動。
相關(guān)文章
JS實現(xiàn)數(shù)組去重及數(shù)組內(nèi)對象去重功能示例
這篇文章主要介紹了JS實現(xiàn)數(shù)組去重及數(shù)組內(nèi)對象去重功能,結(jié)合實例形式分析了ES5與ES6兩種版本針對數(shù)組去重的相關(guān)操作技巧,需要的朋友可以參考下2019-02-02
javascript里模擬sleep(兩種實現(xiàn)方式)
有幾種方式,但都不完美 其一:不斷循環(huán),直到達到指定時間、其二:用xhr同步請求后臺程序,比如傳2000過去,后臺就sleep 2秒后再返回,這種方式也有缺點,當N多客戶端都請求后臺時,一直保持連接http開銷很大,感興趣的朋友可以了解下啊2013-01-01
javascript巧用eval函數(shù)組裝表單輸入項為json對象的方法
這篇文章主要介紹了javascript巧用eval函數(shù)組裝表單輸入項為json對象的方法,實例分析了JavaScript使用eval函數(shù)動態(tài)構(gòu)造json對象的相關(guān)技巧,需要的朋友可以參考下2015-11-11

