前端中正确定义常量的三种方式

2023-10-08 08:50:03

JavaScript 中定义常量的三种方法

在 JavaScript 中，尽管没有明确的常量类型，但可以通过多种方式定义常量，以防止变量被意外修改。本文将深入探讨三种定义常量的常用方法：const 、Object.freeze() 方法和 Object.seal() 方法，比较它们的优缺点，并提供代码示例以加强理解。

1. const 关键字

const 关键字是在 ES6 中引入的，用于声明常量。const 声明的变量一旦赋值后就不能被重新赋值，否则会抛出错误。这对于防止变量被意外修改非常有用。

const PI = 3.141592653589793;
PI = 3.14; // 报错：TypeError: Assignment to constant variable.

优点：

语法简洁，易于理解。
确保变量的值不会被意外修改。

缺点：

一旦赋值后不能修改常量的值。

2. Object.freeze() 方法

Object.freeze() 方法可以将一个对象冻结，使其无法被修改。冻结的对象不能添加或删除属性，也不能修改属性的值。这对于防止对象被意外修改非常有用。

const obj = {
  name: 'John Doe',
  age: 30
};

Object.freeze(obj);

obj.name = 'Jane Doe'; // 报错：TypeError: Cannot assign to read only property 'name' of object '#'
obj.age = 31; // 报错：TypeError: Cannot assign to read only property 'age' of object '#'

优点：

可以冻结对象，防止任何修改。
可以冻结嵌套对象和数组。

缺点：

不能修改对象中的任何值。
不能添加或删除属性。

3. Object.seal() 方法

Object.seal() 方法可以密封一个对象，使其无法添加或删除属性。密封的对象可以修改属性的值，但不能添加或删除属性。这对于防止对象被意外修改也很有用。

const obj = {
  name: 'John Doe',
  age: 30
};

Object.seal(obj);

obj.name = 'Jane Doe'; // 成功
obj.age = 31; // 成功
obj.gender = 'male'; // 报错：TypeError: Cannot add property gender to object '#'

优点：

可以密封对象，防止添加或删除属性。
可以修改对象中的值。

缺点：

不能添加或删除属性。
不能冻结嵌套对象和数组。

比较

下表总结了三种方法的优缺点：

方法	优点	缺点
`const` 关键字	语法简洁，易于理解	不能修改常量的值
`Object.freeze()` 方法	可以冻结对象，防止任何修改	不能修改对象中的任何值
`Object.seal()` 方法	可以密封对象，防止添加或删除属性	可以修改对象中的值