美文网首页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

    相关文章

      网友评论

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

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