javascript
JavaScript设置对象的不可拓展
一般來說,默認(rèn)情況下,對象都是可拓展的,我們可以為其屬性進(jìn)行增刪改等操作,也可以更改他們原型的指向,如何讓一個對象變得不可拓展呢,我們可以使用ES5提供的幾個方法,來保證鎖定的對象是不可拓展的
Object.preventExtensions
Object.preventExtensions可以鎖定對象,設(shè)置對象的不可拓展,可以阻止為對象添加新的屬性,非嚴(yán)格模式下會默默不起作用,但是嚴(yán)格模式下會報錯,可以用Object.isExtensible判斷對象是否可拓展
var person = {name: "cala" };Object.preventExtensions(person);person.name = "John"; person.age = 24; // 嚴(yán)格模式下會報錯: TypeError: Cannot add property age, object is not extensibleconsole.log(person) // {name: "John"}Object.seal
Object.seal和上面的Object.preventExtensions方法作用是一樣,字面意思是密封,也是用來防止對象被拓展,另外還可以阻止對象已有屬性和方法的刪除,可以用Object.isSealed判斷對象是否可拓展
var person = {name: "cala" };Object.seal(person);console.log(Object.isExtensible(person)); // false console.log(Object.isSealed(person)); // truedelete person.name // 刪除屬性失敗 嚴(yán)格模式下 Uncaught TypeError: Cannot delete property 'name' of #<Object>person.age = 30; // // 嚴(yán)格模式下會報錯: TypeError: Cannot add property age, object is not extensibleconsole.log(person) // {name: "cala"}Object.freeze
作用與上述兩個方法大致相同,字面意思是冰凍,還可以阻止對象的屬性和方法被修改,可以用Object.isFrozen判斷對象是否可拓展
var person = {name: "cala" };Object.freeze(person);console.log(Object.isExtensible(person)); // false console.log(Object.isSealed(person)); // true console.log(Object.isFrozen(person)); // trueperson.name = "xyz"; person.age = 30; delete person.name //上述三個操作,非嚴(yán)格模式不起作用,嚴(yán)格模式會報錯console.log(person) // {name: "cala"}總的來說,上述三個操作方法preventExtensions,seal,freeze可以設(shè)置對象的不可拓展性,并且每個方法都針對對象的不可拓展有著不同的限制,另外還有三個判斷方法,isExtensible,isSealed,isFrozen來對對象進(jìn)行操作,返回Boolean值,來判斷對象是否可拓展
總結(jié)
以上是生活随笔為你收集整理的JavaScript设置对象的不可拓展的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 查找数组中未出现的和出现2次的数值 Se
- 下一篇: 后台获取html控件的值