在 JavaScript 中，我们经常使用 const 声明常量变量。const 变量在声明后不能被重新赋值，这种行为被称为“常量效应”。然而，在某些情况下，我们希望在 const 变量的值不变的同时，可以修改其属性或元素。这时候，我们需要使用 ES12 的新特性——const 变量的解构赋值。
解构赋值
解构赋值是 ES6 引入的一个新特性，可以快速地将数组或对象的值赋给变量。在 ES12 中，我们可以使用解构赋值修改 const 变量的属性或元素。
修改对象属性
我们可以使用解构赋值修改 const 变量的属性，如下所示：
const person = { name: 'Tom', age: 20 };
const { age } = person;
age = 30; // 报错，无法重新赋值
person.age = age; // 可以修改属性
console.log(person); // { name: 'Tom', age: 30 }在上面的代码中，我们先使用解构赋值将 person 对象的 age 属性赋值给一个变量 age。由于 const 变量无法重新赋值，所以我们不能直接修改 age 变量的值。但是，我们可以修改 person 对象的 age 属性，从而达到修改 const 变量的效果。
修改数组元素
我们也可以使用解构赋值修改 const 变量的数组元素，如下所示：
const nums = [1, 2, 3]; const [a, b] = nums; a = 4; // 报错，无法重新赋值 nums[0] = a; // 可以修改元素 console.log(nums); // [4, 2, 3]
在上面的代码中，我们先使用解构赋值将 nums 数组的前两个元素赋值给变量 a 和 b。由于 const 变量无法重新赋值，所以我们不能直接修改 a 变量的值。但是，我们可以修改 nums 数组的第一个元素，从而达到修改 const 变量的效果。
总结
在 ES12 中，我们可以使用解构赋值修改 const 变量的属性或元素，从而解决常量效应的问题。需要注意的是，我们无法直接修改 const 变量本身的值，只能修改其属性或元素。这种行为符合常量的定义，同时也保证了代码的可读性和可维护性。
在实际开发中，我们应该尽可能地使用 const 声明常量变量，从而避免意外的变量修改。当需要修改 const 变量的属性或元素时，我们可以使用解构赋值进行操作，同时要注意代码的清晰和简洁。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/656c6a92d2f5e1655d4ca8c8