首页 > 其他 > 详细

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

时间:2020-03-19 16:39:58      阅读:43      评论:0      收藏:0      [点我收藏+]

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(); 方法冻结一个对象。

原文:https://www.cnblogs.com/wwbb/p/12525138.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!