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

一、基本介绍

Method De ion Param Detail
.preventExtensions() 让一个对象变的不可扩展，也就是永远不能再添加新的属性 详细
.isExtensible() 判断一个对象是否是可扩展 详细
.seal() 让一个对象密封，并返回被密封后的对象。密封对象是指那些不能添加新的属性，不能删除已有属性，以及不能修改已有属性的可枚举性、可配置性、可写性，但可能可以修改已有属性的值的对象。 详细
.isSealed() 判断一个对象是否是密封的 详细
.freeze() 冻结一个对象并返回被冻结的对象。冻结对象是指那些不能添加新的属性，不能修改已有属性的值，不能删除已有属性，以及不能修改已有属性的可枚举性、可配置性、可写性的对象。也就是说，这个对象永远是不可变的。 详细
.isFrozen() 判断一个对象是否被冻结 详细

二、 .preventExtensions()

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

2.1 设置preventExtensions()

var jb51 = {
    name: "zuojj"
};
 .preventExtensions(jb51);
jb51.url = "https://www.jb51.net";
//Outputs: undefined
console.log(jb51.url);

2.2 严格模式下使用会报错

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

"use strict";
var jb51 = {
    name: "zuojj"
};
 .preventExtensions(jb51);
jb51.url = "https://www.jb51.net";
//Outputs: Uncaught TypeError: Can't add property url,   is not extensible
console.log(jb51.url);

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

var jb51 = {
    name: "zuojj"
};
 .preventExtensions(jb51);
jb51.url = "https://www.jb51.net";
//Outputs: Uncaught TypeError: Can't add property url,   is not extensible
console.log(jb51.url);

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

var jb51 = {
    name: "jb51",
    url : "https://www.jb51.net"
};
 .preventExtensions(jb51);
delete jb51.url;
//Outputs: {name: "jb51"}
console.log(jb51);

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

var jb51 = {
    name: "jb51"
};
 .preventExtensions(jb51);
jb51 =  .defineProperty(jb51, "url", {value: "https://www.jb51.net" });
//Outputs: Uncaught TypeError: Cannot define property:url,   is not extensible.
console.log(jb51);

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

var jb51 = {
    name: "jb51",
    url : "https://www.jb51.net"
};
 .preventExtensions(jb51);
//Outputs: false
console.log( .isExtensible(jb51));

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

var jb51 = {
    name: "jb51"
},
sealed =  .seal(jb51),
frozen =  .freeze(jb51);
//Outputs: false false
console.log( .isExtensible(sealed),  .isExtensible(frozen));

三、 .seal()

3.1 不可以添加属性，但可以修改属性值

var jb51 = {
    name: "zuojj",
    url: "https://www.jb51.net"
};
 .seal(jb51),
jb51.sex = "male";
jb51.name = "jb51";
//Outputs: {name: "jb51", url: "https://www.jb51.net"}
console.log(jb51);

3.2 严格模式下使用会报错

3.3 delete不能删除现有属性

var jb51 = {
    name: "jb51",
    url: "https://www.jb51.net"
};
 .seal(jb51),
delete jb51.name;
//Outputs: {name: "jb51", url: "https://www.jb51.net"}
console.log(jb51);

3.4 .defineProperty不能扩展对象属性

var jb51 = {
    name: "jb51",
    url: "https://www.jb51.net"
};
 .seal(jb51);
 .defineProperty(jb51, "sex", {value: "male"})
//Outputs: Uncaught TypeError: Cannot define property:sex,   is not extensible.
console.log(jb51);

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

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

// 新建的对象默认不是密封的.
var empty = {};
//Outputs: false
console.log( .isSealed(empty));
// 空对象 && 不可扩展 === 密封对象.
 .preventExtensions(empty);
//Outputs: true
console.log( .isSealed(empty));
// 非空对象 && 不可扩展对象不会变成密封对象,因为密封对象的所有自身属性必须是不可配置的.
var hasProp = { fee: "fie foe fum" };
 .preventExtensions(hasProp);
//Outputs: false
console.log( .isSealed(hasProp));
// 如果把这个属性变的不可配置,则这个对象也就成了密封对象.
 .defineProperty(hasProp, "fee", { configurable: false });
//Outputs: true
console.log( .isSealed(hasProp));
console.log("-------------");
// 一个密封对象也可以是一个冻结对象,但不是绝对的.
var s1 = {};
 .seal(s1);
//Outputs: true
console.log( .isFrozen(s1));
var s2 =  .seal({ p: 3 });
//Outputs: false
console.log( .isFrozen(s2)); // 属性"p"可写

四、 .freeze()

4.1 不能添加属性，且不能修改属性值

var obj = {
    name: "jb51",
    url: "https://www.jb51.net"
};
 .freeze(obj);
obj.sex = "male";
obj.name = "zuojj";
//Outputs: {name: "jb51", url: "https://www.jb51.net"}
console.log(obj);

4.2 严格模式下使用会报错

4.3 delete不能删除现有属性

var obj = {
    name: "jb51",
    url: "https://www.jb51.net"
};
 .freeze(obj);
delete obj.name;
//Outputs: {name: "jb51", url: "https://www.jb51.net"}
console.log(obj);

4.4 判断对象是否被冻结

var obj = {
    name: "jb51",
    url: "https://www.jb51.net"
};
 .freeze(obj);
//Outputs: true
console.log( .isFrozen(obj));

五、兼容性

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

感兴趣的朋友还可以使用在线HTML/CSS/ 代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试运行上述js代码。

更多关于 相关内容感兴趣的读者可查看本站专题：《 面向对象入门教程》、《 错误与调试技巧总结》、《 数据结构与算法技巧总结》、《 遍历算法与技巧总结》及《 数学运算用法总结》

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

继续阅读与本文标签相同的文章

无标签
最新文章 最热文章
收藏 打印

特别推荐 2026年05月18日 星期一

精彩发现

热门标签

阻止表单提交 窗口 关闭浏览器 清除 CDATA css文件 光标位置 坐标 javascrpt !important 超链接 数字

相关文章