JavaScript中對(duì)象property的讀取和寫入方法介紹
JavaScript中,可以通過(guò)點(diǎn)號(hào)操作符”.”或者中括號(hào)操作符”[]“來(lái)對(duì)對(duì)象的property進(jìn)行讀取和寫入:
var o = {x:1, y:2};
console.log(o.x);//1
console.log(o["y"]);//2
o.y = 7;
console.log(o["y"]);//7
值得注意的是,如果使用中括號(hào)操作符,則操作符內(nèi)的值類型必須是string,或者能夠轉(zhuǎn)換成string的表達(dá)式:
console.log(o[y]);//ReferenceError: y is not defined
var v = "y";
console.log(o[v]);//7
與Java語(yǔ)言不同的是,JavaScript中對(duì)象的property可以動(dòng)態(tài)添加或刪除。當(dāng)對(duì)某個(gè)property進(jìn)行賦值操作時(shí),如果該property不存在,JavaScript會(huì)在對(duì)象中動(dòng)態(tài)添加此property:
o.z = 99;
console.log(o);//Object {x=1, y=7, z=99}
原型繼承鏈中property的讀取
JavaScript中所有的對(duì)象均有一個(gè)prototype原型對(duì)象,并從該原型對(duì)象中繼承property;因此,JS中一個(gè)對(duì)象的property分成兩大類:
1.對(duì)象自身所擁有的property(“Own Property”)。
2.從原型對(duì)象處繼承而來(lái)的property。
當(dāng)讀取對(duì)象的property時(shí),所遵循的規(guī)則如下:
1.從對(duì)象自身的property集合(“Own Property”)中搜索需要讀取的property;如果可以搜索到,則直接讀取該property并返回其值。
2.如果無(wú)法從對(duì)象自身的property集合(“Own Property”)中搜索到該property,那么則從對(duì)象的prototype原型鏈中繼續(xù)進(jìn)行搜索,直至搜索到該property并返回其值。
3.如果無(wú)法從對(duì)象自身的property集合(“Own Property”)中搜索到該property,也無(wú)法從對(duì)象的所有prototype對(duì)象中搜索到該property,則返回undefined。
原型繼承鏈中property的寫入
在對(duì)JavaScript對(duì)象的property進(jìn)行寫入時(shí),所遵循的規(guī)則如下:
1.如果對(duì)象自身有該property,且該property可寫,則將新值寫入該property。如果該property只讀,則報(bào)錯(cuò)。
2.如果對(duì)象自身沒有該property,且其所有的prototype對(duì)象中也不存在該property,則將此property添加到該對(duì)象中。
3.如果對(duì)象自身沒有該property,但其prototype對(duì)象中存在該property且可寫,那么JS會(huì)在對(duì)象中新建這個(gè)property;也就是說(shuō),該對(duì)象覆寫了其prototype對(duì)象中的這個(gè)property。prototype對(duì)象中此property值不變。
4.如果對(duì)象自身沒有該property,但其prototype對(duì)象中存在該property且只讀,則報(bào)錯(cuò)。
5.如果對(duì)象自身沒有該property,但其prototype對(duì)象中存在該property的setter方法,那么JS會(huì)調(diào)用該prototype對(duì)象中的setter方法。值得注意的是,在運(yùn)行setter方法時(shí),如果涉及到變量賦值,那么賦值操作將作用在對(duì)象自身上,而prototype對(duì)象不會(huì)有任何改動(dòng)。對(duì)于這一行為,可以理解為:對(duì)象從prototype處繼承了setter函數(shù)并加以執(zhí)行。
從上述規(guī)則中可以發(fā)現(xiàn),如果對(duì)property的賦值操作成功,那么最后被修改的永遠(yuǎn)是對(duì)象自身,其prototype原型對(duì)象不會(huì)有任何改動(dòng)。
相關(guān)文章
JS中style.display和style.visibility的區(qū)別實(shí)例說(shuō)明
下面的例子說(shuō)明了這種區(qū)別:在這個(gè)例子中,divContent1和divContent2隱藏的時(shí)候用的是style.display=none,這時(shí)候,后面的div會(huì)向上移動(dòng),占據(jù)已經(jīng)隱藏的div的空間。divContent3和divContent4用的是style.visibility=hidden來(lái)隱藏,但是其隱藏后仍然占據(jù)原來(lái)的空間2013-03-03CSS3 動(dòng)畫卡頓性能優(yōu)化的完美解決方案
今天小編就為大家分享一篇關(guān)于css3 動(dòng)畫卡頓性能優(yōu)化的完美解決方案,小編覺得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來(lái)看看吧2018-09-09JavaScript實(shí)現(xiàn)無(wú)縫輪播圖的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript語(yǔ)言實(shí)現(xiàn)無(wú)縫輪播功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07通過(guò)js為元素添加多項(xiàng)樣式,瀏覽器全兼容寫法
這篇文章主要介紹了通過(guò)js為元素添加多項(xiàng)樣式,瀏覽器全兼容寫法,需要的朋友可以參考下2014-08-08JavaScript調(diào)用ajax獲取文本文件內(nèi)容實(shí)現(xiàn)代碼
這篇文章主要介紹了JavaScript調(diào)用ajax獲取文本文件內(nèi)容的方法,需要的朋友可以參考下2014-03-03