JavaScript/TypeScript中如何修改布尔表达式使其返回false而非undefined

问题原因 #

该现象是JavaScript中逻辑运算符&&的短路规则和可选链?.的短路特性共同作用的结果：

• 当timeStampAsDate2为undefined时，timeStampAsDate2?.getFullYear().toString().toLowerCase().includes(term)这段表达式会因为可选链短路直接返回undefined
• 逻辑与&&会优先判断左侧表达式的值，如果左侧是假值（undefined属于假值范畴），会直接返回左侧的值，不会执行右侧的timeStampAsDate2 != null判断，所以最终结果是undefined而非预期的布尔值。

解决方案 #

有两种常用修改方式，均可保证最终返回布尔值：

方案1：调整判断顺序，优先做非空校验 #

把非空判断放到&&的最左侧，空值场景会首先触发非空判断返回false，不会执行后续的属性访问逻辑：

// 原错误写法
timeStampAsDate?.getFullYear().toString().toLowerCase().includes(term) && timeStampAsDate != null

// 修正后写法
timeStampAsDate != null && timeStampAsDate.getFullYear().toString().toLowerCase().includes(term)

这种写法下如果timeStampAsDate是null/undefined，第一个判断直接返回false，整个表达式结果就是布尔值false，符合预期。

方案2：用双重非运算符!!强制转换为布尔值 #

如果不想调整判断顺序，可以用!!把可选链的执行结果强制转为布尔值：

!!(timeStampAsDate2?.getFullYear().toString().toLowerCase().includes(term))

可选链在空值场景返回的undefined经!!转换后就是false，完全符合需求，甚至可以省略冗余的后续非空判断。

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