可选链语法疑问：是否需为每个属性添加?运算符？

结论很明确：不是必须给每个属性都加?.，但得看链上前面的属性有没有可能是null或undefined。

咱们直接对比两种写法的差异：

• 用data.attr1.attr2?.attr3的话，只有attr2会被检查是否存在。如果data本身是undefined，或者data.attr1是null，那在访问data.attr1或者data.attr1.attr2的时候，直接就会抛出Cannot read properties of undefined/null的错误——因为前面的属性没加?.，JS会按常规方式去访问，不存在就报错。
• 而data?.attr1?.attr2?.attr3的写法，会依次检查每一个前置属性：如果data不存在，整个表达式直接返回undefined；如果data存在但attr1不存在，同样返回undefined，以此类推，全程不会报错。

所以要不要给每个属性都加?.，核心看业务场景：

• 如果能100%确定data和data.attr1一定存在（比如已经做过前置校验，或者业务逻辑里它们不可能是null/undefined），那只在attr2后面加?.完全没问题，省代码还清晰。
• 如果链上任意一个前置属性有可能不存在（比如后端接口返回的数据可能缺字段、前端状态初始化时可能为null），那必须给每个可能不存在的属性都加上?.，避免运行时报错。

内容的提问来源于stack exchange，提问作者Jose Simancas