为什么未定义全局变量直接访问抛异常，通过window访问却正常？
2026-5-22
为什么直接引用未声明的全局变量会报错，而通过window访问却返回undefined？
这个问题的核心在于JavaScript对未声明变量的引用规则和对象属性访问规则的本质差异，咱们一步步拆解清楚：
1. 直接引用未声明变量：触发ReferenceError
当你写InfoPanel !== undefined时，JavaScript引擎会先在当前作用域（这里是全局作用域）里查找名为InfoPanel的变量。如果这个变量从来没被声明过——不管是用var/let/const声明，还是直接赋值为全局变量——引擎根本找不到它的存在，这时候就会抛出Uncaught ReferenceError。
简单说就是：JavaScript不允许你引用一个完全没被“注册”过的标识符，这属于语法层面的错误，引擎会直接报错终止执行。
2. 通过window访问不存在的属性：返回undefined
在浏览器环境中，用var声明的全局变量或者直接赋值的全局变量，都会自动挂载到window对象上。但当你访问window.InfoPanel时，本质是在做对象属性访问操作。
根据JavaScript的对象规则：如果你试图访问一个对象上不存在的属性，引擎不会报错，而是直接返回undefined。哪怕这个属性从来没被定义过，对象的属性访问机制就是“找不到就返回undefined”，这是语言本身的设计逻辑。
举个直观的对比：
- 错误示例：
console.log(InfoPanel)→ 抛出ReferenceError，变量未声明 - 正常示例：
console.log(window.InfoPanel)→ 输出undefined，window上无此属性
额外补充：如果你的全局变量是用let/const声明的，它不会挂载到window对象上，但直接引用未声明的InfoPanel依然会报错，这时候window.InfoPanel也会返回undefined，本质还是遵循上面的两个规则。
内容的提问来源于stack exchange，提问作者Shelby115
相关产品推荐
相关产品推荐
