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

Posted 2021-02-11 秋风2016

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 }
        ]);
    }
})