JavaScript中const全局未定义但局部已定义是什么原因

复现场景 #

在Chrome DevTools控制台执行两段测试代码，提前访问const声明的变量时，块级作用域和全局作用域返回的报错不一致：

• 块级作用域测试

{
    console.log(b);
    const b = 2;
}

抛出错误：

Uncaught ReferenceError: Cannot access 'b' before initialization

• 全局作用域测试

console.log(a);
const a = 1;

抛出错误：

Uncaught ReferenceError: a is not defined

核心原因 #

这个差异不是JavaScript语言本身的规范行为，是DevTools控制台的执行逻辑导致的：

• 按照ECMAScript官方规范，所有let/const声明的变量都会在作用域实例化时创建绑定，在声明语句执行前的区域属于暂时性死区（TDZ），只要在TDZ内访问变量，无论当前是全局作用域还是块级作用域，都应该抛出Cannot access 'xxx' before initialization的错误。
• DevTools控制台执行全局输入的代码时，不会对多行代码做完整的预解析提升，而是逐行做静态检测与执行：当运行第一行console.log(a)时，解析器还没读到第二行的const a = 1，判定当前全局作用域根本不存在a这个绑定，因此抛出常规的「变量未定义」错误。
• 花括号包裹的块级作用域是一个完整的闭合语法结构，DevTools会对整个块内的所有代码做完整预解析，执行块内第一行console.log(b)时，已经识别到同块后续存在const b的声明，知道b已经创建绑定但处于暂时性死区，因此抛出符合TDZ规则的初始化前访问错误。

验证方式：把全局作用域的两行测试代码放到同一个HTML的<script>标签中运行，会统一抛出TDZ相关的初始化前访问错误，不会出现not defined提示，说明这个差异仅存在于DevTools控制台的交互式执行场景。

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