在const变量中存储document.getElementById（）

Question

为什么下面的代码运行正常？ const是常量的缩写，它的值永远不应该改变

const myHeading = document.getElementById("myHeading") ;
myHeading.addEventListener("click", () => {
  myHeading.style.color("red") ;
}) ;

Answer 1

用const声明的变量永远不会重新分配-如果您看到

const someVarName = <something>

禁止的是后面带有someVarName的后面的语句：

someVarName = <something else> // TypeError: Assignment to constant variable.

它不禁止突变，例如

someVarName.foo = 'foo';

您没有将myHeading重新分配给其他东西，所以没有问题。