typeof x === 'undefined'与if (x)的计算层面差异探讨

直接说结论：这两种写法在计算逻辑上有本质区别，完全不是一回事。

1. typeof x === 'undefined'的计算逻辑 #

这种写法是精准检查变量是否为undefined（或未声明）：

• 第一步执行typeof操作符：不管变量x有没有被声明，typeof x都会返回对应的字符串类型，未声明或值为undefined时返回'undefined'
• 第二步做严格相等比较===：只有当typeof x的结果严格等于字符串'undefined'时，条件才成立
  整个过程没有隐式类型转换，逻辑非常单一，只针对undefined这个状态。

2. if (x)的计算逻辑 #

这种写法是检查变量是否为“真值”，本质是触发了JS的隐式布尔转换：

• JS会自动把x的值转换成布尔值，遵循ToBoolean抽象规则：所有假值（undefined、null、0、''、NaN、false）都会被转为false，其他值转为true
• 也就是说，只要x是任意一种假值，if(x)的条件都不成立，不只是undefined
  计算过程多了一步隐式类型转换，覆盖的范围远大于“检查undefined”。

额外场景差异 #

• 如果x未声明：if(x)会直接抛出ReferenceError，但typeof x === 'undefined'能正常返回true
• 如果x可能是0、空字符串这类合法假值：if(x)会把它们当成“无意义值”过滤掉，但typeof写法只会识别undefined

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