本文实例讲述了js object.preventextensions(),object.seal()与object.freeze()用法。分享给大家供大家参考,具体如下:
method | description | param | detail |
---|---|---|---|
object.preventextensions() | 让一个对象变的不可扩展,也就是永远不能再添加新的属性 | object | 详细 |
object.isextensible() | 判断一个对象是否是可扩展 | object | 详细 |
object.seal() | 让一个对象密封,并返回被密封后的对象。密封对象是指那些不能添加新的属性,不能删除已有属性,以及不能修改已有属性的可枚举性、可配置性、可写性,但可能可以修改已有属性的值的对象。 | object | 详细 |
object.issealed() | 判断一个对象是否是密封的 | object | 详细 |
object.freeze() | 冻结一个对象并返回被冻结的对象。冻结对象是指那些不能添加新的属性,不能修改已有属性的值,不能删除已有属性,以及不能修改已有属性的可枚举性、可配置性、可写性的对象。也就是说,这个对象永远是不可变的。 | object | 详细 |
object.isfrozen() | 判断一个对象是否被冻结 | object | 详细 |
object.preventextensions 只能阻止一个对象不能再添加新的自身属性,仍然可以为该对象的原型添加属性。
var jb51 = { name: "zuojj" }; object.preventextensions(jb51); jb51.url = "https://www.jb51.net"; //outputs: undefined console.log(jb51.url);
但是在严格模式下会报错:
"use strict"; var jb51 = { name: "zuojj" }; object.preventextensions(jb51); jb51.url = "https://www.jb51.net"; //outputs: uncaught typeerror: can't add property url, object is not extensible console.log(jb51.url);
var jb51 = { name: "zuojj" }; object.preventextensions(jb51); jb51.url = "https://www.jb51.net"; //outputs: uncaught typeerror: can't add property url, object is not extensible console.log(jb51.url);
var jb51 = { name: "jb51", url : "https://www.jb51.net" }; object.preventextensions(jb51); delete jb51.url; //outputs: {name: "jb51"} console.log(jb51);
var jb51 = { name: "jb51" }; object.preventextensions(jb51); jb51 = object.defineproperty(jb51, "url", {value: "https://www.jb51.net" }); //outputs: uncaught typeerror: cannot define property:url, object is not extensible. console.log(jb51);
var jb51 = { name: "jb51", url : "https://www.jb51.net" }; object.preventextensions(jb51); //outputs: false console.log(object.isextensible(jb51));
var jb51 = { name: "jb51" }, sealed = object.seal(jb51), frozen = object.freeze(jb51); //outputs: false false console.log(object.isextensible(sealed), object.isextensible(frozen));
var jb51 = { name: "zuojj", url: "https://www.jb51.net" }; object.seal(jb51), jb51.sex = "male"; jb51.name = "jb51"; //outputs: {name: "jb51", url: "https://www.jb51.net"} console.log(jb51);
var jb51 = { name: "jb51", url: "https://www.jb51.net" }; object.seal(jb51), delete jb51.name; //outputs: {name: "jb51", url: "https://www.jb51.net"} console.log(jb51);
var jb51 = { name: "jb51", url: "https://www.jb51.net" }; object.seal(jb51); object.defineproperty(jb51, "sex", {value: "male"}) //outputs: uncaught typeerror: cannot define property:sex, object is not extensible. console.log(jb51);
上面说到密封对象不可扩展,所以会报错
// 新建的对象默认不是密封的. var empty = {}; //outputs: false console.log(object.issealed(empty)); // 空对象 && 不可扩展 === 密封对象. object.preventextensions(empty); //outputs: true console.log(object.issealed(empty)); // 非空对象 && 不可扩展对象不会变成密封对象,因为密封对象的所有自身属性必须是不可配置的. 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"可写
var obj = { name: "jb51", url: "https://www.jb51.net" }; object.freeze(obj); obj.sex = "male"; obj.name = "zuojj"; //outputs: {name: "jb51", url: "https://www.jb51.net"} console.log(obj);
var obj = { name: "jb51", url: "https://www.jb51.net" }; object.freeze(obj); delete obj.name; //outputs: {name: "jb51", url: "https://www.jb51.net"} console.log(obj);
var obj = { name: "jb51", url: "https://www.jb51.net" }; object.freeze(obj); //outputs: true console.log(object.isfrozen(obj));
object.preventextensions(),object.isextensible(),
object.seal(),object.issealed(),
object.freeze(),object.isfrozen()方法是es5规范的一部分,ie8及以下低版本浏览器不支持。oprea不支持。
感兴趣的朋友还可以使用在线html/css/javascript代码运行工具:测试运行上述js代码。
更多关于javascript相关内容感兴趣的读者可查看本站专题:《javascript面向对象入门教程》、《javascript错误与调试技巧总结》、《javascript数据结构与算法技巧总结》、《javascript遍历算法与技巧总结》及《javascript数学运算用法总结》
希望本文所述对大家javascript程序设计有所帮助。
如对本文有疑问, 点击进行留言回复!!
同事牛逼啊,写了个隐藏 bug,我排查了 3 天才解决问题!
【JavaScript笔记(一)】万丈高楼平地起 - 基本概念篇
轻松解决 org.apache.taglibs.standard.tlv.JstlCoreTLV 困惑
网友评论