关于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