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