js css html

关于ES6的空值合并运算符

2022-04-21  本文已影响0人  泪滴在琴上

空值合并操作符(??)
是一个逻辑操作符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。

语法:

leftExpr ?? rightExpr

与逻辑或操作符(||)不同,逻辑或操作符会在左侧操作数为假值时返回右侧操作数。也就是说,如果使用 || 来为某些变量设置默认值,可能会遇到意料之外的行为。比如为假值(例如,’’ 或 0)时

const string = null ?? 'default value' // null 为 false
console.log(foo)
// expected output: "default value"

const number = 0 ?? 42 // 0 为 true
console.log(baz)
// expected output: 0

作用:
1.简化操作
2.为变量赋默认值
3.短路(当左表达式不为 null 或 undefined 时,不会对右表达式进行求值)
注意点:不可以和逻辑与&& 或逻辑或 || 一起使用
使用业务场景举个栗子:
你可能会这样写:

if(value !== null && value !== undefined && value !== ''){
    //...
}

改进后:

if((value??'') !== ''){
  //...
}

————————————————
版权声明:本文为CSDN博主「程序_人生」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qyl_0316/article/details/118151612

上一篇下一篇

猜你喜欢

热点阅读