为什么 const 在 if() 或 try{}catch(e){} 内多次运行代码时会抛出错误？

Question

我正在尝试使用 const 声明一堆常量。我的问题是，在 Firebug 控制台中测试代码会引发错误，抱怨“const foo 的重新声明”。

我尝试将其包装在 try{}catch(e){} 块中，但这并没有帮助，即使尝试使用以下代码绕过它（发布减去所有控制台） .info()“调试”要求清晰）第二次运行时它仍然会抛出错误：

if(!chk_constsDeclaredYet) {
  var chk_constsDeclaredYet = true;
  const foo="bar";
}

我的问题是，虽然 const 位于 if(){} 内，但当代码第二次“运行”时，为什么 const foo 甚至被关注？

注意：代码将在 firebug javascript 控制台内运行，我想要实现的工作流程是：

1. 将代码粘贴到 firebug 控制台中
2. 点击运行（创建常量）
3. 我对代码进行编辑控制台而不重新加载页面（常量仍然在页面上下文中定义）
4. 再次点击运行（使用 if(){} 以避免重新声明常量，如果它们已经在上一次运行中声明过）
5. 重复（3）

萤火虫输出：

//FIRST RUN::
>>> console.group() console.info('--code start--'); ...console.info('--code end--'); console.groupEnd()
--code start--
chk_constsDeclaredYet = undefined
foo = undefined
--if()--
--if() running..--
--end if()--
chk_constsDeclaredYet = true
foo = bar
--code end--

//SECOND RUN::
>>> console.group() console.info('--code start--'); ...console.info('--code end--'); console.groupEnd()
TypeError: redeclaration of const foo { message="redeclaration of const foo", more...}

Answer 1

这是一个古老的答案。我写了一个稍新的答案处理类似的“const重新分配” /scope”问题，我显示产生的错误（如果有）因执行方法和浏览器而异。

由于 const（不是 ECMAScript 第 5 版标准的一部分）在 ECMAScript 6 版中具有不同的含义，因此我建议在当前代码中避免使用它。

---

const 与 var 一样是“函数作用域”。我怀疑这个问题是由绑定上与var发生的相同类型的“到函数顶部”提升引起的（这解释了为什么异常不是来自赋值而是来自声明）。也就是说，任何后续的 const x = ...，无论出现在哪里，都被认为是无效的，因为先前的声明已经存在（根据定义，只能有 < em>每个范围有一个给定名称的常量）。但是，const 可以采用任何值，因此赋值发生在 const x = ... 站点，就像赋值发生在var x = ... 站点，即使注释/绑定已提升到范围的顶部。

这是一个简单的测试用例，可以更清楚地演示问题：

function x () { if (true) { const a = 1 } else { const a = 2 }}
// => TypeError: redeclaration of const a @ <x-jsd:interactive-session

如您所见，错误发生在函数声明处，而错误发生在函数执行处。这就是 try/catch 不起作用的原因。该行为也可能受到您正在处理的交互式工具的影响，具体取决于它执行代码的方式（例如，每次都是相同的执行上下文？）。

然而，这工作得很好，并强化了上面的最初主张：

(function x() { if (false) { const c = 1 }; return c })()
// => undefined

来自 https://developer .mozilla.org/en/JavaScript/Reference/Statements/const

（添加了粗体强调）

<块引用>

创建一个常量，对于声明它的函数来说，该常量可以是全局常量，也可以是局部常量。 常量遵循与变量相同的作用域规则。

常量的值不能通过重新赋值而改变，并且常量不能被重新声明。因此，虽然可以声明一个常量而不初始化它，但这样做是没有用的。

常量不能与同一范围内的函数或变量共享其名称。

const 是 Mozilla 特有的扩展，IE 不支持它，但自 9.0 版本以来 Opera 和 Safari 已部分支持。

Answer 2

const 类型应始终等于常量值。如果 if 语句可以更改常量的值，那么它可能应该是 var，因为它的值可以变化。

但您遇到的问题似乎是因为您将常量的值设置了两次。您可以在代码第一次运行时初始化该常量。由于该常量在再次运行时具有值，因此您会得到异常。如果将 const foo = 'bar'; 移至脚本顶部，则不会出现该问题。但再一次，如果您希望该值根据逻辑进行更改，您将需要一个 var。

编辑

如果您阅读异常消息，它会显示“redeclaration of const foo”。这意味着你不能声明 foo 两次。现在在控制台中，每次运行代码（无需刷新）时，之前的变量仍然在范围内。因此从理论上讲，即使您在代码中只看到一次，您也会多次声明 const foo 。您不能将其包装在 if/else 块中，因为它仍然需要 const foo = 'bar'，这仍然是非法声明。

您可能必须在运行更改的代码之间刷新页面。

Answer 3

我不知道这是否是最好的方法，但是 eval 会让你解决这个问题：

if( !chk_constsDeclaredYet ){ eval("const foo = \"bar\"") }