js中和!分别的作用

?.是可选链操作符，用于判断对象是否存在并且可以访问该对象的属性或方法。如果对象不存在或属性或方法不存在，会返回undefined，而不会抛出错误。

例如，如果要访问一个对象的属性，可以使用以下语法：

const obj = {
  prop1: {
    prop2: 'value'
  }
};

// 普通写法
const prop2 = obj.prop1.prop2;

// 可选链写法
const prop2 = obj?.prop1?.prop2;

如果prop1或prop2不存在，第一种写法会抛出TypeError错误，而可选链写法会返回undefined。

!是逻辑非操作符，用于取反一个布尔值。如果给定的值是真，则!返回false，如果给定的值是假，则!返回true。

例如：

const a = true;
const b = false;

const notA = !a; // false
const notB = !b; // true