美文网首页js css html
关于ES6的空值合并运算符

关于ES6的空值合并运算符

作者: 泪滴在琴上 | 来源:发表于2022-04-21 10:31 被阅读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

相关文章

  • Swift 运算符

    合并空值运算符:?? 合并空值运算符(a ?? b) 如果可选项 a 有值则展开,如果没有值,是nil,则返回默认...

  • 合并空值运算符

    合并空值运算符 合并空值运算符(a ?? b):如果可选项 a 有值则展开,如果没有值,是nil,则返回默认值 b...

  • Optional:合并空值运算符

    合并空值运算符 合并空值运算符(a ?? b)如果可选项 a 有值则展开,如果没有值,是nil,则返回默认值 b...

  • 关于ES6的空值合并运算符

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

  • 111

    关于输入框非空的判断 在处理输入框相关业务时,往往会判断输入框未输入值的场景。 吐槽: ES6中新出的空值合并运算...

  • JavaScript 中目前比较少见的表达式

    ??:空值合并运算符es2020[https://developer.mozilla.org/zh-CN/docs...

  • 合并空值运算符

    今天继续学习 极客时间 上 张杰 老师的 Swift 的课程,看的真是辛苦,感觉讲的好慢。我这强迫症又不愿意跳着学...

  • 合并空值运算符

    合并空值运算符 a ?? b, 如果可选项a有值则展开,如果没有值,返回nil,则返回默认值b。 表达式a必须是一...

  • es6扩展运算符、concat方法合并多个数组

    1:ES6扩展运算符、合并多个数组 2:concat方法、合并多个数组

  • 谈谈 JavaScript 中的空值合并操作符 Nullish

    空值合并运算符 (??) 是一个逻辑运算符,仅当左侧(第一个参数)为空或未定义时才返回运算符(第二个参数)的右侧。...

网友评论

    本文标题:关于ES6的空值合并运算符

    本文链接:https://www.haomeiwen.com/subject/noyisrtx.html