?. 与? ?的用法

  1. 可选链操作符(?.)
    ?.操作符的功能类似于 .链式操作符,但是不同之处在于,在引用为null或者undefined的情况下不会引起错误,该表达式短路返回值是undefined。与函数调用一起使用时,如果给定的函数不存在,则返回undefined。

    let nestedProp = obj.first && obj.first.second
    等价于
    let nestedProp = obj.first?.second
    
  2. 空值合并操作符(??)
    一个逻辑操作符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。
    与逻辑或操作符(||)不同,逻辑或操作符会在左侧操作数为假值时返回右侧操作数。

    const foo = null ?? 'default string';
    console.log(foo);
    // expected output: "default string"
    
    const baz = 0 ?? 42;
    console.log(baz);
    // expected output: 0
    
    var x = 0||1; //1
    0意味着false,而后面1意味着true,那么上面的结果应该是true,而事实返回的结果是1
    var x = ''||1; //1
    前面''false,后面1true,返回结果是1
    var x = ''||0; //0''false,后面0同样是false,返回结果是0
    var x = 2||1; //2
    前面2true,后面1也是true,返回结果是2
    var x = 2||0; //2
    前面2true,后面0false,返回结果是2
    

    总结:
    表达式中有条件为true的表达式,返回第一个条件为true的表达式的值。没有则返回最后一个表达式的值
    1.只要||前面是false,则不管后面,都返回"||“后面的值。
    2.只要||前面是true,则不管后面,都返回”||"前面的值。
    表达式中有条件为false的表达式,返回第一个条件为false的表达式的值。没有则返回最后一个表达式的值
    短路原理:
    1、只要“&&”前面是false,则不管后面,结果都将返“&&”前面的值;
    2、只要“&&”前面是true,则不管后面,结果都将返“&&”后面的值;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值