JS 问号（？）运算符避免中间报错

一、场景

在前端开发过程中，有一些情况比如某些属性可能由于渲染数据的时机不同，一开始是null 或者undifine, 这样访问下面的属性的时候就会报错，我们可以给每个层级后面加个? 就可以避免这个错误。

let data = {user: {profile: {name: "Alice"}}
};console.log(data.user?.profile?.name); // "Alice"
console.log(data.user?.contact?.email); // undefined (不会抛出错误)

比如在vue 中 我就算加了 || 运算符，如果一开始：member_level 为null,，那么就会直接抛出错误，从而整个div 都不会显示，如果加了问号就可以很好的避免这种情况的发生。