美文网首页
Object.freeze()理解

Object.freeze()理解

作者: 金刚狼_3e31 | 来源:发表于2020-08-24 11:26 被阅读0次

应用场景:在data或vuex里我们可以使用freeze冻结对象,对于纯展示的大数据,都可以使用Object.freeze提升性能

注意点:Object.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.haomeiwen.com/subject/oazgjktx.html