JS Object.preventExtensions(),Object.seal()与Object.freeze()用法实例分析

前端之家收集整理的这篇文章主要介绍了JS Object.preventExtensions(),Object.seal()与Object.freeze()用法实例分析前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了JS Object.preventExtensions(),Object.seal()与Object.freeze()用法分享给大家供大家参考,具体如下:

一、基本介绍

添加新的属性详细详细添加新的属性,不能删除已有属性,以及不能修改已有属性的可枚举性、可配置性、可写性,但可能可以修改已有属性的值的对象。详细详细添加新的属性,不能修改已有属性的值,不能删除已有属性,以及不能修改已有属性的可枚举性、可配置性、可写性的对象。也就是说,这个对象永远是不可变的。详细详细

二、Object.preventExtensions()

Object.preventExtensions 只能阻止一个对象不能再添加新的自身属性,仍然可以为该对象的原型添加属性

2.1 设置preventExtensions()

2.2 严格模式下使用会报错

但是在严格模式下会报错:

2.3 不可以扩展属性,但可以更改已存在属性

2.4 不能阻止删除(delete)现有属性

2.5 使用Object.defineProperty方法为一个不可扩展的对象添加属性会抛出异常

2.6 判断一个对象是否可扩展

2.7 冻结对象和密封的对象都是不可扩展对象

三、Object.seal()

3.1 不可以添加属性,但可以修改属性

3.2 严格模式下使用会报错

3.3 delete不能删除现有属性

3.4 Object.defineProperty不能扩展对象属性

上面说到密封对象不可扩展,所以会报错

3.5 判断对象是否为密封对象

属性必须是不可配置的. var hasProp = { fee: "fie foe fum" }; Object.preventExtensions(hasProp); //Outputs: false console.log(Object.isSealed(hasProp)); // 如果把这个属性变的不可配置,则这个对象也就成了密封对象. Object.defineProperty(hasProp,"fee",{ configurable: false }); //Outputs: true console.log(Object.isSealed(hasProp)); console.log("-------------"); // 一个密封对象也可以是一个冻结对象,但不是绝对的. var s1 = {}; Object.seal(s1); //Outputs: true console.log(Object.isFrozen(s1)); var s2 = Object.seal({ p: 3 }); //Outputs: false console.log(Object.isFrozen(s2)); // 属性"p"可写

四、Object.freeze()

4.1 不能添加属性,且不能修改属性

4.2 严格模式下使用会报错

4.3 delete不能删除现有属性

4.4 判断对象是否被冻结

五、兼容性

Object.preventExtensions(),Object.isExtensible(), Object.seal(),Object.isSealed(), Object.freeze(),Object.isFrozen()方法是ES5规范的一部分,IE8及以下低版本浏览器不支持。Oprea不支持

感兴趣的朋友还可以使用在线HTML/CSS/JavaScript代码运行工具:测试运行上述js代码。

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》及《

希望本文所述对大家JavaScript程序设计有所帮助。

原文链接:https://www.f2er.com/js/30731.html

猜你在找的JavaScript相关文章