可选链(?.)允许安全访问嵌套属性,若中间节点为null或undefined则返回undefined而不报错;空值合并(??)在左侧值为null或undefined时使用右侧默认值,且不影响0、false等假值;两者结合如user?.address?.street ?? '未知地址',可简洁实现安全取值与默认回退。
JavaScript中的可选链(Optional Chaining)和空值合并(Nullish Coalescing)是ES2025引入的两个非常实用的特性,它们能帮助开发者更安全、简洁地处理可能为null或undefined的情况。
可选链允许你读取嵌套对象属性时,无需每次都检查中间节点是否存在。如果某个层级为null或undefined,表达式会短路并返回undefined,而不会抛出错误。
常见使用场景:
user或address为空,结果为undefined,不报错。func存在且为函数时才会执行。arr未定义导致的错误。空值合并用于在左侧值为null或undefined时,使用右侧的默认值。它与逻辑或(||)不同,??仅在值真正“空”时才替换,不会影响0、false、空字符串等“假值”。
对比示例:
userCount为0,也会使用10。userCount为null或undefined时才用10,0会被保留。这两个操作符常一起使用,构建更健壮的默认值逻辑。
例如:
const street = user?.address?.street ?? '未知地址';这行代码先通过可选链安全读取street,若路径中断或最终值为空
,则使用默认值。
基本上就这些,写得干净点,代码自然少出错。