​‌Object.freeze()方法的定义和功能‌

‌Object.freeze()方法的定义和功能‌

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

Object.freeze()方法的使用场景和限制

‌使用场景‌：

在Vue中，Object.freeze()主要用于那些不需要响应式更新的数据。‌ 当我们确定某些数据不会被修改，使用Object.freeze()可以显著提升性能，尤其是在处理大量数据时。

Object.freeze()方法可以冻结一个对象或数组，使其无法被修改、添加新属性、删除属性或修改属性值。冻结后的对象或数组返回值与原对象完全一致，且其原型也不能被修改‌

在‌Vue.js中，使用Object.freeze()可以提升性能，因为Vue在初始化时会遍历对象的所有属性并使用Object.defineProperty将这些属性转为getter/setter。如果对象被Object.freeze()冻结，Vue不会为这些属性加上setter/getter，从而减少不必要的计算和依赖追踪。

‌限制‌：如果对象的属性值本身是对象，这些内部对象不会被冻结。这意味着，如果外部对象被冻结，其内部对象仍然可以被修改、添加或删除属性。

需要注意的是以下两点

Object.freeze() 和 const 变量声明不同，也不承担 const 的功能。

const和Object.freeze()完全不同

const的行为像 let。它们唯一的区别是， const定义了一个无法重新分配的变量。 通过 const声明的变量是具有块级作用域的，而不是像 var声明的变量具有函数作用域。
Object.freeze()接受一个对象作为参数，并返回一个相同的不可变的对象。这就意味着我们不能添加，删除或更改对象的任何属性。
const和Object.freeze()并不同，const是防止变量重新分配，而Object.freeze()是使对象具有不可变性。

Object.freeze()方法的示例代码

const a = {
  aa: "1",
  bb: "2",
};

Object.freeze(a);

//  使用Object.freeze()后不能再对a进行修改操作，会报错： Assignment to constant variable.
// a = {   
//   dd: 3,
// };
console.log(a, "22");