Object.freeze(); 方法冻结一个对象。

Posted 秋风2016

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Object.freeze(); 方法冻结一个对象。相关的知识,希望对你有一定的参考价值。

Object.freeze() 方法可以冻结一个对象。一个被冻结的对象再也不能被修改;

冻结了一个对象则不能向这个对象添加新的属性,不能删除已有属性,不能修改该对象已有属性的可枚举性、可配置性、可写性,以及不能修改已有属性的值。

此外,冻结一个对象后该对象的原型也不能被修改。freeze() 返回和传入的参数相同的对象。

 

 1 const obj = {
 2   property: 42
 3 };
 4 
 5 const obj2 = Object.freeze(obj);
 6 
 7 obj.property = 33;
 8 // Throws an error in strict mode 会抛出异常
 9 
10 console.log(obj.property);
11 // expected output: 42   值没有被改变

 但是被freeze的对象,可以被替换

new Vue({
    data: {
        // vue不会对list里的object做getter、setter绑定
        list: Object.freeze([
            { value: 1 },
            { value: 2 }
        ])
    },
    created () {
        // 界面不会有响应
        this.list[0].value = 100;

        // 下面两种做法,界面都会响应
        this.list = [
            { value: 100 },
            { value: 200 }
        ];
        this.list = Object.freeze([
            { value: 100 },
            { value: 200 }
        ]);
    }
})

 

以上是关于Object.freeze(); 方法冻结一个对象。的主要内容,如果未能解决你的问题,请参考以下文章

Object.freeze

Object.freeze与 Object.seal的区别

冻结一个对象

ES5 对象的扩展(Object.preventExtensions)密封(Object.seal)和冻结(Object.freeze)

JavaScript 对象操作

Object 对象