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

理解Object.freeze()方法

作者: zhao_ran | 来源:发表于2020-10-08 18:32 被阅读0次

Object.freeze() 方法可以冻结一个对象。一个被冻结的对象再也不能被修改;冻结了一个对象则不能向这个对象添加新的属性,不能删除已有属性,不能修改该对象已有属性的可枚举性、可配置性、可写性,以及不能修改已有属性的值。此外,冻结一个对象后该对象的原型也不能被修改。freeze()返回和传入的参数相同的对象。

样例 Object.freeze()
const obj = {
  prop: 42
};

Object.freeze(obj);

obj.prop = 33;
// Throws an error in strict mode

console.log(obj.prop);
// expected output: 42
语法

Object.freeze(obj)

参数

obj要被冻结的对象。

返回值

被冻结的对象。

Vue 在遇到像 Object.freeze() 这样被设置为不可配置之后的对象属性时,不会为对象加上 setter getter 等数据劫持的方法。
总结

如果你有一个巨大的数组或Object,并且确信数据不会修改,使用Object.freeze()可以让性能大幅提升。

相关文章

  • 理解Object.freeze()方法

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

  • vue2.0优化

    1 Object.freeze()方法

  • 前端-工作中积累的方法

    1.想将对象冻结,应该使用Object.freeze方法。 const foo =Object.freeze({}...

  • JS专题系列之Object.freeze

    一、什么是Object.freeze Object.freeze() 方法可以冻结一个对象。一个被冻结的对象再也不...

  • Object.freeze()理解

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

  • Object.freeze 性能提升

    1. Object.freeze Object.freeze方法是es5中新增加的一个属性描述符,用于锁定一个对象...

  • [JS] Object.freeze和Object.seal

    1. Object.freeze Object.freeze做了两件事情,(1)给对象设置,Object.prev...

  • 2019-08-29

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

  • JS知识盲区

    Object.freeze negate函数 lodash ramda

  • Es6对象新方法

    Object.freeze() 该方法可以冻结一个对象,冻结对象指的是不能向这个对象,添加属性、删除属性、修改属性...

网友评论

      本文标题:理解Object.freeze()方法

      本文链接:https://www.haomeiwen.com/subject/acyhpktx.html