admin管理员组

文章数量:1579917

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】

本文标签： 可选操作

版权声明：本文标题：关于可选链操作符(?.) 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/xitong/1727865308a1134384.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。