js的‘??’运算符和‘?.’运算符的作用和使用方法

?? 运算符

在JavaScript中，两个问号（??）是一个新的逻辑运算符，称为Nullish Coalescing运算符，它的作用是用于判断一个变量是否为null或undefined，如果是，则返回一个默认值。其语法如下：

Copy

variable ?? defaultValue

其中，variable是要判断的变量，defaultValue是默认值。

例如，以下代码使用Nullish Coalescing运算符来获取一个变量的值，如果变量为null或undefined，则返回一个默认值：

Copy

1.  
   const foo = null;
2.  
   const bar = 0;
3.  
    
4.  
   console.log(foo ?? "default"); // "default"console.log(bar ?? "default"); // 0

在上面的例子中，第一个console.log返回了默认值"default"，因为foo的值为null，而第二个console.log返回了0，因为bar的值不为null或undefined。

?. 运算符

在JavaScript中，问号句点（?.）运算符是一种可选链运算符，它的作用是用于访问嵌套对象的属性或方法，如果对象或属性不存在，则不会抛出异常，而是返回undefined。其语法如下：

Copy

object?.propertyobject?.method()

其中，object是要访问的对象，property是对象的属性，method是对象的方法。

例如，以下代码使用问号句点运算符来访问嵌套对象的属性和方法，如果对象或属性不存在，则返回undefined：

Copy

1.  
   const person={ name:"Alice",
2.  
   age:25,
3.  
   address:{ city:"Shanghai",
4.  
   district:"Pudong"}};
5.  
    
6.  
   console.log(person.address?.city);// "Shanghai"
7.  
   console.log(person.address?.street?.name);// undefined

在上面的例子中，第一个console.log返回了"Shanghai"，因为address对象存在，而city属性也存在；而第二个console.log返回了undefined，因为address对象存在，但street属性不存在。