JavaScript中的對象的extensible屬性介紹
JavaScript中，對象的extensible屬性用于表示是否允許在對象中動(dòng)態(tài)添加新的property。ECMAScript 3標(biāo)準(zhǔn)中，所有的對象都是extensible的。ECMAScript 5標(biāo)準(zhǔn)中，所有的對象默認(rèn)仍是extensible的，但可以通過設(shè)定來改變這一屬性。
查詢一個(gè)對象是否是extensible的，可以使用Object.isExtensible()語句：
var o = {x:1};
console.log(Object.isExtensible(o));//true
使一個(gè)對象變成不是extensible的，可以使用Object.preventExtensions()語句：
Object.preventExtensions(o)
console.log(Object.isExtensible(o));//false
值得注意的是，由于沒有Object.preventExtensions()的反操作語句，因此一旦某個(gè)對象被設(shè)定為非extensible后，將沒有辦法重新再將其設(shè)定為extensible。
Object.preventExtensions()語句作用的范圍是對象自身，原型對象不受影響。如果某個(gè)對象被設(shè)定為非extensible，那么其原型對象中依然可以動(dòng)態(tài)添加property，而這些動(dòng)態(tài)添加的property也依然可以被對象繼承到。
Object.seal()和Object.freeze()
Object.preventExtensions()可以防止在對象中動(dòng)態(tài)添加新的property。除了這個(gè)操作，JavaScript中還存在另外兩個(gè)更加嚴(yán)格的操作來保護(hù)對象：Object.seal()和Object.freeze()。
Object.seal()的作用是在Object.preventExtensions()的基礎(chǔ)上，設(shè)定所有對象自身property的configurable屬性為false。與Object.preventExtensions()操作一樣，Object.seal()沒有反操作，因此一旦將對象seal了之后將無法恢復(fù)其狀態(tài)。在JavaScript中，可以通過Object.isSealed()來查詢某個(gè)對象是否被seal了。
Object.freeze()的作用是在Object.seal()的基礎(chǔ)上，將所有對象自身的property設(shè)定為只讀。與Object.seal()和Object.preventExtensions()操作一樣，Object.freeze()沒有反操作，因此一旦將對象freeze了之后將無法恢復(fù)其狀態(tài)。在JavaScript中，可以通過Object.isFrozen()來查詢某個(gè)對象是否被freeze了。
console.log(Object.isSealed(o));//false
Object.seal(o);
console.log(Object.isSealed(o));//true
console.log(Object.isFrozen(o));//false
Object.freeze(o);
console.log(Object.isFrozen(o));//true
無論是Object.preventExtensions()，還是Object.seal()和Object.freeze()，其作用范圍均為對象自身，對象的原型對象將不受影響。
- 21個(gè)JavaScript事件(Events)屬性匯總
- Javascript學(xué)習(xí)筆記之?dāng)?shù)組的遍歷和 length 屬性
- JavaScript中獲取鼠標(biāo)位置相關(guān)屬性總結(jié)
- Javascript獲取CSS偽元素屬性的實(shí)現(xiàn)代碼
- 簡單方法判斷JavaScript對象為null或者屬性為空
- javascript數(shù)組操作方法小結(jié)和3個(gè)屬性詳細(xì)介紹
- JavaScript中對象屬性的添加和刪除示例
- javascript數(shù)組操作總結(jié)和屬性、方法介紹
- JavaScript對象的property屬性詳解
- Javascript訪問器屬性實(shí)例分析
相關(guān)文章
js實(shí)現(xiàn)簡潔的滑動(dòng)門菜單(選項(xiàng)卡)效果代碼
這篇文章主要介紹了js實(shí)現(xiàn)簡潔的滑動(dòng)門菜單(選項(xiàng)卡)效果代碼,涉及javascript鼠標(biāo)事件操作頁面元素樣式切換的實(shí)現(xiàn)技巧,簡單實(shí)用,需要的朋友可以參考下2015-09-09
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)輪播圖指示器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
Javascript操縱Cookie實(shí)現(xiàn)購物車程序
echarts學(xué)習(xí)之如何給餅圖中間添加文字
JS生態(tài)系統(tǒng)加速Tailwind?CSS工作原理探究
JavaScript實(shí)現(xiàn)私有屬性的幾種方式小結(jié)
