将 JavaScript 中的 Const 与 Object.freeze() 比较，明确差异

在 JavaScript 中，Const 和 Object.freeze() 都可以用来定义常量，但它们之间存在着一些关键差异。

• Const:

  • Const 用于声明一个只读的变量，这意味着一旦变量被声明，它的值就不能被改变。
  • Const 声明的变量在声明时必须被初始化，即必须为其指定一个值。
  • Const 声明的变量不能被重新赋值。

• Object.freeze():

  • Object.freeze() 方法可以将一个对象冻结，这意味着对象中的属性值不能被改变，对象也不能被重新赋值。
  • Object.freeze() 方法可以冻结任何类型的对象，包括数组、对象和函数。
  • Object.freeze() 方法不会冻结对象的原型，这意味着对象的原型中的属性值仍然可以被改变。

除了上述差异之外，Const 和 Object.freeze() 还有一些其他的区别。

• 作用域:

  • Const 声明的变量在声明所在的块级作用域内有效。
  • Object.freeze() 方法冻结的对象在整个程序中都有效。

• 性能:

  • Const 声明的变量的性能优于 Object.freeze() 方法冻结的对象。

使用示例:

// 使用 const 声明常量
const PI = 3.14;

// 使用 Object.freeze() 方法冻结对象
const person = {
  name: "John Doe",
  age: 30
};

Object.freeze(person);

// 尝试修改 const 声明的常量
PI = 3.15; // 报错: TypeError: Assignment to constant variable.

// 尝试修改 Object.freeze() 方法冻结的对象
person.name = "Jane Doe"; // 报错: TypeError: Cannot assign to read only property 'name' of object '#<Object>'

// 尝试重新赋值 Object.freeze() 方法冻结的对象
person = {
  name: "Jane Doe",
  age: 31
}; // 报错: TypeError: Cannot assign to read only property 'person' of object '#<Window>'

结论:

Const 和 Object.freeze() 都可以用来定义常量，但它们之间存在着一些关键差异。在选择使用哪种方法时，我们需要根据具体情况来决定。如果我们需要定义一个只读的变量，并且该变量的值在声明时就已知，那么我们可以使用 const 关键字。如果我们需要冻结一个对象，并且该对象的值可能在声明后被改变，那么我们可以使用 Object.freeze() 方法。