TypeError: invalid assignment to const "x"

错误提示

TypeError: invalid assignment to const "x" (Firefox)
TypeError: Assignment to constant variable. (Chrome)
TypeError: Redeclaration of const 'x' (IE/Edge)

错误类型

哪里出错了?

常量指的是无法在程序正常运行过程中进行修改的值。一方面无法通过重新赋值进行修改,另外一方面也无法进行重新声明。在 JavaScript 中,常量通过关键字 const 来声明。

示例

不合法的二次声明

在同一作用域内为相同的常量名进行赋值会报错。

js
const COLUMNS = 80;

// ...

COLUMNS = 120; // TypeError: invalid assignment to const `COLUMNS'

问题修复

修复的方式有很多种。可以根据你想要达到的目的来有针对性地对其进行处理。

重新命名

如果想要声明另一个变量,那么请选择其他名称对其重新命名。原来的常量名在该作用域中已经被占有。

js
const COLUMNS = 80;
const WIDE_COLUMNS = 120;

const, let or var?

如果你的目的不是为了创建一个常量的话,那么就不要使用 const 关键字。可以使用 let 关键字来声明一个拥有块作用域的变量,或者使用 var 来声明一个全局变量。

js
let columns = 80;

// ...

let columns = 120;

作用域

检查一下作用域是否正确。例如这个常量是否应该出现在当前作用域,还是应该出现在函数内部?

js
const COLUMNS = 80;

function setupBigScreenEnvironment() {
  const COLUMNS = 120;
}

const 与不可变性

const 声明语句创建了一个对值的只读引用。这并意味着它指向的值是不可变的,而是说这个变量标记符不能被再次分配。例如,在值是对象的情况下,引用的对象自身内容依然是可以改变的。不能改变该变量的引用:

js
const obj = { foo: "bar" };
obj = { foo: "baz" }; // TypeError: invalid assignment to const `obj'

但是可以改变它引用的值的属性:

js
obj.foo = "baz";
obj; // Object { foo: "baz" }

相关内容