Chrome控制台中let/const变量不属window对象的原因及作用域解析

在Chrome控制台的全局环境下，var声明的变量会直接挂载到window对象上，但let/const声明的全局变量不会，这是两者绑定机制的核心差异。

作用域本质 #

控制台顶层（全局）环境里，let和const声明的变量属于全局词法环境的绑定，而非window对象的属性。这个词法环境是独立于window的顶层环境记录，专门存储块级声明（let/const/class等）的变量绑定。

这些变量依然处于全局作用域——你能在控制台的任意代码块中直接访问它们，但它们不会成为window的属性，和var声明的全局变量分属不同的存储位置。

验证示例 #

let sayHi = 'Hi'
const greet = 'Good Morning'
var sayHola = 'Hola Hola'

// 验证是否属于window对象
console.log(window.sayHi); // undefined
console.log(window.greet); // undefined
console.log(window.sayHola); // "Hola Hola"

// 验证全局作用域可访问
function testScope() {
  console.log(sayHi); // "Hi"
  console.log(greet); // "Good Morning"
}
testScope();

差异原因 #

这是ES6标准的明确规定：var的全局声明会成为全局对象的属性，而let/const的全局声明仅在全局词法环境中创建绑定，不关联全局对象。这种设计旨在避免全局对象的属性污染，同时让块级声明的变量更贴合词法作用域规则。

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