关于可选链操作符(?.)

javaScript越更新，越贴近、方便开发者。

大家肯定写过类似的语法：

let length = (res && res.data && res.data.length) || 0

这种代码，看起来不是很美观，而且啰哩啰嗦的。那么有没有更简洁、方便的方式呢？

当然！！那就是 可选链操作符?.

将上述代码使用 可选链操作符?. 改写如下：

let length = res?.data?.length || 0

有没有感觉用起来很舒服呢？

---

---

但是越新颖的语法，对于浏览器的要求就更多。
就比如我当下遇到一个问题，大多数人使用项目没有问题，就偏偏就个别人有问题。

遇到问题肯定要解决

• 猜想1: 浏览器缓存问题

但是当重新发布项目，浏览器清除缓存，依旧出现该问题。所以，否定该猜想

• 猜想2: 浏览器版本过低

果不其然，在遇到问题的浏览器中，均发现同一个报错。经查询，就是上述语法导致的。因为该项目过老，使用的是jquery、gulp，并没有将ES6的语法转换成ES5语法。翻阅资料，找到该语法支持的浏览器版本，如图所示：

所以，如果要使用这个语法时，注意对于浏览器的兼容问题。当然，如果有将其转换成ES5的代码，就不存在该问题了

更多可参考: 【可选链操作符 && lodash.get】