JavaScript中Undefined与ReferenceError响应差异的原因问询

核心差异 #

两种场景的本质是JS对未声明变量访问和对象不存在属性访问的处理逻辑完全不同。

案例a 抛出ReferenceError的原因 #

直接访问x时，JS引擎会沿着当前上下文的作用域链逐层查找变量声明：

• 从当前作用域开始，依次向上查找所有父级作用域，直到全局作用域
• 如果全链路都没有找到x的声明（var/let/const声明均不存在），引擎会按照规则直接抛出Uncaught ReferenceError: x is not defined，这是JS针对未声明变量访问的强制校验机制。

案例b 返回undefined的原因 #

访问obj.x属于对象属性访问，引擎只会在该对象的属性列表和原型链上做查找：

• 先检查obj自身有没有定义x属性，再沿着它的原型链向上查找（比如Object.prototype）
• 如果全链路都没有找到该属性，JS不会抛出错误，而是默认返回undefined，这是专门为对象属性访问设计的容错规则，方便开发者快速判断属性存在性，无需额外做异常捕获。

补充提示 #

如果需要明确判断对象是否包含某个属性，不要直接通过obj.x === undefined判断，因为有可能属性存在但值本身就是undefined，可以用以下方法：

• 只判断自身属性：obj.hasOwnProperty('x')
• 判断自身+原型链属性：'x' in obj

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