ES11 新特性:Nullish 合并运算符的实际应用

阅读时长 2 分钟读完

ES11 新特性:Nullish 合并运算符的实际应用

在前端开发中,经常会遇到需要判断值是否为 null 或 undefined 的情况。在 ES10 中,我们通常会用 || 运算符来处理这个问题,例如:

但是这个方法有一个问题,就是当变量的值为 false、0 或空字符串时,|| 运算符也会认为其为 null 或 undefined,例如:

这时候就需要 ES11 中新增的 Nullish 合并运算符 ?? 来解决这个问题了。

Nullish 合并运算符 ?? 只会在变量的值为 null 或 undefined 时才会返回默认值,否则返回变量的实际值。例如:

现在我们来看一个实际应用的例子。假设我们有一个表单,在用户没有输入值时需要显示默认值,而用户输入了值时则显示用户输入的值。我们可以使用 Nullish 合并运算符来简化代码:

如果用户没有输入任何值,则 inputValue 的值为 'default',否则为用户输入的值。

总结一下,在处理变量可能为 null 或 undefined 的情况时,推荐使用 Nullish 合并运算符 ?? 来代替 || 运算符,以保证代码的正确性和可读性。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/64e47866f6b2d6eab3fea5ef

纠错
反馈