Firefox中重复运行JS代码为何出现const x重声明错误？

1. 为何需要手动刷新页面？ #

控制台执行的代码会共享当前页面的全局作用域（或控制台专属的持久化作用域），而ES6规范明确要求：同一作用域内不能重复声明同一const变量。手动刷新页面会完全重置页面的执行环境，所有之前声明的变量、作用域都会被清除，此时重新运行代码相当于在全新的作用域中声明变量，自然不会触发报错。

2. 是否有自动刷新的替代方式？ #

不需要手动刷新，有几种更便捷的方法：

• 将代码包裹在块级作用域中：{ const x = 5; console.log(x*8); }，每次运行都会创建一个新的块作用域，变量不会污染全局或控制台的持久作用域
• 使用立即执行函数表达式（IIFE）：(function(){ const x = 5; console.log(x*8); })()，原理和块级作用域类似，每次运行都在独立的函数作用域内执行
• 如果需要反复测试同一逻辑，首次声明变量后，后续可直接执行输出逻辑，比如第一次运行const x =5; console.log(x*8)后，后续直接运行console.log(x*8)（注意const变量无法重新赋值，这种方式仅适合读取操作）

3. 仅const变量会触发该问题吗？ #

不是。let变量也会触发完全相同的重复声明错误，因为let和const同属块级作用域变量，都遵循同一作用域不可重复声明的规范。而var变量不会有这个问题，因为var存在变量提升特性，重复声明会被视为重新赋值，不会抛出错误。

4. 这是Firefox的Bug还是正常现象？ #

这是完全符合ES6规范的正常现象，并非Firefox独有。所有遵循ES6标准的浏览器（如Chrome、Edge）的控制台都会出现相同的行为——控制台的作用域会持续保留直到页面刷新，重复运行包含const/let重复声明的代码时，就会触发规范规定的错误。

内容的提问来源于stack exchange，提问作者Tkhuu