首页文章资源工具教程 栏目

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具，网友无需注册和下载安装即可使用

点击查看

Js Object.freeze和Object.seal

更新日期: 2019-05-15阅读: 2.2k标签: object

一、基本介绍

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

二、Object.preventExtensions()

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

2.1 设置preventExtensions()

var fly63 = {
    name: "zuojj"
};
Object.preventExtensions(fly63);
fly63.url = "http://www.fly63.com";
//Outputs: undefined
console.log(fly63.url);


2.2 严格模式下使用会报错

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

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


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

var fly63 = {
    name: "zuojj"
};
Object.preventExtensions(fly63);
fly63.url = "http://www.fly63.com";
//Outputs: Uncaught TypeError: Can't add property url, object is not extensible
console.log(fly63.url);


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

var fly63 = {
    name: "fly63",
    url : "http://www.fly63.com"
};
Object.preventExtensions(fly63);
delete fly63.url;
//Outputs: {name: "fly63"}
console.log(fly63);


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

var fly63 = {
    name: "fly63"
};
Object.preventExtensions(fly63);
fly63 = Object.defineProperty(fly63, "url", {value: "http://www.fly63.com" });
//Outputs: Uncaught TypeError: Cannot define property:url, object is not extensible.
console.log(fly63);


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

var fly63 = {
    name: "fly63",
    url : "http://www.fly63.com"
};
Object.preventExtensions(fly63);
//Outputs: false
console.log(Object.isExtensible(fly63));


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

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


三、Object.seal()

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

var fly63 = {
    name: "zuojj",
    url: "http://www.fly63.com"
};
Object.seal(fly63),
fly63.sex = "male";
fly63.name = "fly63";
//Outputs: {name: "fly63", url: "http://www.fly63.com"}
console.log(fly63);


3.2 严格模式下使用会报错


3.3 delete不能删除现有属性

var fly63 = {
    name: "fly63",
    url: "http://www.fly63.com"
};
Object.seal(fly63),
delete fly63.name;
//Outputs: {name: "fly63", url: "http://www.fly63.com"}
console.log(fly63);


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

var fly63 = {
    name: "fly63",
    url: "http://www.fly63.com"
};
Object.seal(fly63);
Object.defineProperty(fly63, "sex", {value: "male"})
//Outputs: Uncaught TypeError: Cannot define property:sex, object is not extensible.
console.log(fly63);

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


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

// 新建的对象默认不是密封的.
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"可写


四、Object.freeze()

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

var obj = {
    name: "fly63",
    url: "http://www.fly63.com"
};
Object.freeze(obj);
obj.sex = "male";
obj.name = "zuojj";
//Outputs: {name: "fly63", url: "http://www.fly63.com"}
console.log(obj);


4.2 严格模式下使用会报错


4.3 delete不能删除现有属性

var obj = {
    name: "fly63",
    url: "http://www.fly63.com"
};
Object.freeze(obj);
delete obj.name;
//Outputs: {name: "fly63", url: "http://www.fly63.com"}
console.log(obj);


4.4 判断对象是否被冻结

var obj = {
    name: "fly63",
    url: "http://www.fly63.com"
};
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不支持。


链接: https://fly63.com/article/detial/3340

上一页:  ES6 Proxy与数据劫持下一页:  Js中Object.freeze()方法

Js中Object对象的理解，Object常用的属性和方法有哪些？

在JavaScript中的所有对象都是继承Object对象而来的, 我们可以理解为Object是所有js对象通用的功能，讲解Object的prototype属性、Object.prototype属性和方法？Object.prototype.constructor属性等

Object.create()的使用总汇：创建对象，参数说明，兼容性的实现

JavaScript中Object.create()的含义和语法，使用它创建null原型的对象 ，创建一个普通的空对象，Object.create()第二个参数说明。

Javascript中的object相等

相等是JavaScript中起初最让人困惑的部分。==和===的比较、强制类型的顺序等等，都使得这个问题变得复杂。今天，我们会聚焦另一个方面：object相等是如何实现的。

js 中 Object.defineProperty 的用法

还能通过 Object.defineProperty() 方法，添加或修改对象的属性。更重要的是，除了目标对象 obj，属性名称 prop 外，方法能传入属性描述符 descriptor，以实现更复杂的性质。属性描述符是一个对象，有两种形式：一种是数据描述符，另一种是存取描述符。

理解js中Object的defineProperty()和defineProperties()

Object的defineProperty和defineProperties这两个方法在js中的重要性十分重要，主要功能就是用来定义或修改这些内部属性,与之相对应的getOwnPropertyDescriptor和getOwnPropertyDescriptors就是获取这行内部属性的描述。

js中的Object.defineProperty()和defineProperties()

Object.defineProperty()该方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象,Object.defineProperties()该方法直接在一个对象上定义新的属性或修改现有属性，并返回该对象

Object.keys方法

Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致 。

Js中Object.freeze()方法

Object.freeze() 方法可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可写性，以及不能修改已有属性的值。

Object.assign实现浅拷贝的原理

什么是浅拷贝？浅拷贝就是创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。浅拷贝Object.assign()是什么？主要将所有可枚举属性的值从一个或者多个数据源对象复制到目标对象，同时返回目标对象。

js对象object

访问对象属性的两种方法：a：objectName.PropertyName 对象名.属性名；This关键字：在普通函数下This指向的是window；对象的创建方法：通过对象字面量的形式创建对象

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!