迹忆客 专注技术分享

这似乎是一个非常普遍的误解。 我经常在博客文章遇到它。 这是我试图把事情弄清楚的尝试。

const 创建一个不可变的绑定

ES2015 const 并不表示一个值是“常量”或不可变的。 const 值绝对可以改变。 以下是完全有效的 ES2015 代码，不会抛出异常：

const foo = {};
foo.bar = 42;
console.log(foo.bar);
// → 42

这里唯一不变的是绑定。 const 将值 ({}) 赋给变量名 (foo)，并保证不会发生重新绑定。 在 const 变量上使用赋值运算符或一元或前缀 -- 或 ++ 运算符会引发 TypeError 异常：

const foo = 27;
// Any of the following uncommented lines throws an exception.
// Assignment operators:
foo = 42;
foo *= 42;
foo /= 42;
foo %= 42;
foo += 42;
foo -= 42;
foo <<= 0b101010;
foo >>= 0b101010;
foo >>>= 0b101010;
foo &= 0b101010;
foo ^= 0b101010;
foo |= 0b101010;
// Unary `--` and `++`:
--foo;
++foo;
// Postfix `--` and `++`:
foo--;
foo++;

ES2015 const 与值的不变性无关。

那么，如何使值不可变呢？

原始值，即数字、字符串、布尔值、符号、null 或未定义，始终是不可变的。

var foo = 27;
foo.bar = 42;
console.log(foo.bar);
// → `undefined`

要使对象的值不可变，需要使用 Object.freeze()。 它自 ES5 以来就已经存在，并且如今已广泛使用。

const foo = Object.freeze({
    'bar': 27
});
foo.bar = 42; // throws a TypeError exception in strict mode;
              // silently fails in sloppy mode
console.log(foo.bar);
// → 27

请注意 ， Object.freeze() 是浅层的：冻结对象（即嵌套对象）中的对象值仍然可以改变。 Object.freeze() 上的 MDN 条目提供了一个示例 deepFreeze() 实现，可用于使对象值完全不可变。

不过，Object.freeze() 仅适用于属性值对。 目前没有办法使其他对象（例如 Dates、Maps 或 Sets）完全不可变。

有人提议在未来版本的 ECMAScript 中添加不可变数据结构。

const 与 let

const 和 let 之间的唯一区别是 const 使其不会发生重新绑定。

到目前为止，我在这里写的一切都是事实。 以下内容完全是主观的，但请耐心等待。

综上所述，const 使代码更易于阅读：在其范围内，const 变量始终引用同一个对象。 let 没有这样的保证。 因此，在你的 ES2015 代码中使用 let 和 const 是有意义的：

• 默认使用 const
• 只有在需要重新绑定时才使用 let
• （在 ES2015 中不应该使用 var）

你同意？ 为什么不）？ 我特别感兴趣的是，开发人员更喜欢 let 而不是 const（即，即使是永远不会反弹的变量）。 如果你在没有重新绑定的情况下使用 let，那么你为什么首先使用 let？ 是因为“const is for constants”的误解，还是另有原因？