JavaScript對象屬性設置和屏蔽技巧
更新時間：2023年02月06日 11:28:13 作者：rdwalker
這篇文章主要為大家介紹了JavaScript對象屬性設置和屏蔽技巧，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
正文
了解了獲取對象屬性的基本方式，在當前對象中不存在的屬性，會沿著對象的原型鏈不斷往上查找目標屬性，直至找到或到Object.prototype都不存在而結束查找。
思考如下代碼：
myObject.foo = 100
當我們設置對象的某個屬性，也可能會出現(xiàn)類似的問題。
有幾種情況：
- 當前對象存在，原型鏈對象不存在
- 當前對象存在，原型鏈對象也存在
- 當前對象不存在，而原型鏈對象中存在
- 都不存在：當前對象和原型鏈各對象中都不存在設置屬性
我們先來說下最常見，也最簡單的場景：
屬性僅存在于當前對象中，而原型鏈中不存在，且屬性在對象中是可寫的，那需要做的僅僅是賦值操作，改變屬性值即可。
還有種情況，處理方式也比較簡單：當前對象和原型鏈上都不存在該屬性，且是可寫的，那會在最底層，也就是當前對象新增這個屬性，并賦值。
如果在當前對象和原型鏈中都存在，就會發(fā)生屏蔽，會優(yōu)先選擇最底層對象屬性。也就是說只要當前對象屬性可以被賦值，那就對當前對象屬性值進行操作；如果原型鏈對象上的該屬性是被設置了可讀，那當前對象并未進行修改，則不可操作，嚴格模式下，還會報錯。
最后一種情況，如果屬性不存在與當前對象而僅出現(xiàn)在原型鏈對象中，屬性均可寫，那會如何呢？
思考如下代碼：
const myObject = {
foo: 100
}
const createObject = Object.create(myObject)
createObject.foo = 200
console.log(myObject.foo, createObject.foo) // 100 200
正常來說，如果沒有createObject.foo操作，則createObject對象是空的，不存在foo屬性，賦值操作后，從打印的結果可以看出，它會給當前新對象創(chuàng)建新屬性并賦值，且原型指向的對象不會受當前對象賦值的影響。
以上就是JavaScript對象屬性設置和屏蔽的小技巧內容，更多關于JavaScript對象屬性設置屏蔽的資料請關注腳本之家其它相關文章！
相關文章
這篇文章主要和大家分享一個微信小程序的示例代碼，可以實現(xiàn)手寫簽名的效果。文中的示例代碼講解詳細，感興趣的小伙伴可以了解一下2022-02-02
在之前的編程語言排行榜中，我們曾介紹過轉正在即的JavaScript語言，正如文章中闡明的那樣，JavaScript不僅是最具活力的腳本語言，還是是最有用的編程語言之一。2010-08-08
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)星級評分與展示，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
這篇文章主要和大家一起深入理解JS原型與原型鏈，原型是JavaScript中一個比較難理解的概念，本文為大家解決這個難題，感興趣的小伙伴們可以參考一下2017-02-02
本框架基于LayUI框架寫的表單參數(shù)校驗框架，本文分過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友參考下吧2019-07-07
JavaScript使用SpreadJS創(chuàng)建Excel查看器
在現(xiàn)代的Web應用開發(fā)中,Excel文件的處理和展示是一項常見的需求,小編今天將為大家展示如何借助SpreadJS來創(chuàng)建一個Excel查看器,感興趣的小伙伴可以了解下2023-12-12
本篇文章主要是對js的正則test,match,exec進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
在Web開發(fā)中,JavaScript不僅是實現(xiàn)交互效果的關鍵,還可以用于構建復雜的可視化組件,如動態(tài)交互式圖表,下面我們就來看看如何構建一個動態(tài)交互式圖表吧2024-02-02
這篇文章主要給大家介紹了關于js添加元素的簡單方式,文中通過代碼示例將每種實現(xiàn)的方法都介紹的非常詳細,對大家學習或者使用js具有一定的參考借鑒價值,需要的朋友可以參考下2023-10-10
這篇文章主要給大家介紹了關于js數(shù)組去重九種方式以及詳解的相關資料,js數(shù)組去重是比較常見的數(shù)組操作方式之一,文中介紹了九種方法,需要的朋友可以參考下2023-09-09