Object.preventExtensions vs Object.seal vs Object.freeze

😄 从Object.defineProperty说起

使用Object.defineProperty可以给对象定义属性，同时可以给当前属性定义是否可配置，可写，可枚举等特性。比如

const a = {}
Object.defineProperty(a, "p", {
    value: 123,
    configurable: true,
    writable:true,
    enumerable: true
})
1
2
3
4
5
6
7

上面的代码给对象a定义了一个p属性，同时通过data descriptor定了特性。这里主要关注两个描述符字段：configurable和writable。

• configurable：可配置，表示属性是否可以删除，或者重新配置当前data descriptor的值
• writable：可写，表示是否可以给属性重新赋值

😄 Object.preventExtensions

Object.preventExtensions是防止对象新增属性，也防止对象的原型被重新赋值。

const o1 = {};

Object.preventExtensions(o1);

try {
  Object.defineProperty(o1, 'p1', {
    value: 111
  });
} catch (e) {
  console.log(e);
  // TypeError: Cannot define property p1, object is not extensible
}
1
2
3
4
5
6
7
8
9
10
11
12

这里可以看到，如果给o1添加新的属性p1就会报object is not extensible的错误，此时o1不可扩展。

可以通过Object.isExtensible()来判断是否被prevent

Object.isExtensible(o1) // true
1

😁 Object.seal

Object.seal的效果相当于: 在Object.defineProperty时将configurable设置成false，同时对对象调用Object.preventExtensions。但是原有的属性值是可以修改的。

(function(){
    // 必须在严格模式下 才有产生error  否则 静默失败
    "use strict";

    const o2 = { p2: "hello world" }
    Object.seal(o2)

    try {
        delete o2.p2
    } catch (e) {
        console.log(e) // Cannot delete property 'p2' of #