js使用?.判断对象属性是否为空

`?.` 是 JavaScript 中的可选链操作符，用于判断对象属性是否为空或未定义。它的使用方式如下：

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

// 使用传统的方式判断对象属性是否为空或未定义
if (obj && obj.prop1 && obj.prop1.prop2) {
  console.log(obj.prop1.prop2);
} else {
  console.log('Object property is empty or undefined.');
}

// 使用可选链操作符进行判断
const value = obj?.prop1?.prop2;
console.log(value); // 输出：value

const nonExistentValue = obj?.prop3?.prop4;
console.log(nonExistentValue); // 输出：undefined

可选链操作符 `?.` 可以在访问对象属性时避免出现 `TypeError` 错误，当属性为空或未定义时直接返回 `undefined`，而不会抛出错误。这使得代码更简洁、可读性更高。