[前端] 空值合并运算符（??）原理(笔记)

以如下代码为例

const avatar = computed(() => props.user.avatar ?? fallbackAvatar)

该运算符的工作原理是，如果左侧的表达式props.user.avatar的值为null或undefined，那么它会返回右侧的fallbackAvatar。然而，如果props.user.avatar的值是一个空字符串’‘，空值合并运算符不会认为它为“缺失”，因为空字符串是一个有效的值，它不是null或undefined。
因此，当props.user.avatar为’'时，??运算符不会触发右侧fallbackAvatar的返回。如果你想在props.user.av