JavaScript中的.?、??、??=的用法

1.可选链(?.)

    let a;
    let b = a?.name;
    //undefined

只有当a存在,同时a具有name属性的时候,才会把值赋给b,否则就会将undefined赋值给b.重要的是,不管a存在与否,这么做都不会报错.

　　const arr = [{ name: "ww" }, { name: "qq" }];
　　console.log(arr?.[0]);
　　// {name: 'ww'}

 

2.空值合并运算符(??)

　　let b;
　　let a = null;
       let c = { name: 'ww'};

       b = a ?? c;
　　// {name: 'ww'}

上面的例子,当a除了undefined、或者null之外的任何值,b都会等于a,否则就等于c.　　

 

3.空值赋值运算符(??=)

　　let b = 'hello';
　　let a = 0;
　　let c = null;
　　let d = '123'
　　console.log(b ??= a);//hello
　　console.log(c ??= d);//123

当??=左侧的值为null、undefined的时候，才会将右侧的变量的值赋值给左侧变量。其他所有值都不会进行赋值