在前端中对象后面常跟的?.是什么意思

在JavaScript中，object?. 是可选链（Optional Chaining）操作符的一部分。可选链允许你在尝试访问对象的深层嵌套属性时，如果中间的某个属性不存在，则整个表达式会立即返回undefined，而不是抛出错误。

具体来说，object?. 运算符允许你在查询链中的对象属性时，如果某个属性不存在，则立即返回undefined，而不是抛出错误。

const obj = {  
  user: {  
    profile: {  
      name: 'Alice'  
    }  
  }  
};  
  
console.log(obj.user?.profile?.name);  // 输出 "Alice"  
console.log(obj.user?.profile?.age);   // 输出 undefined  
console.log(obj.nonExistent?.profile?.name); // 输出 undefined

在上面的例子中，obj.user?.profile?.name 会安全地访问 name 属性，因为 user 和 profile 都是存在的。但如果我们尝试访问 obj.user?.profile?.age，虽然 user 存在，但 age 不存在，所以整个表达式返回 undefined。

同样，当我们尝试访问 obj.nonExistent?.profile?.name 时，因为 nonExistent 本身就是 undefined，所以整个表达式也会立即返回 undefined，而不会抛出错误。

可选链操作符在处理可能不存在的对象属性时非常有用，特别是在处理来自API、用户输入或其他不可靠来源的数据时