JS 可选链操作符（?.）的使用方法

cqwcns

以下是一个可选链操作符（?.）的示例。

[JavaScript] 纯文本查看 复制代码

Object.keys(window).find(key => window[key]?.caption == "T8处理")

通过这个代码，在浏览器控制台，可以返回我期望的信息。


这个示例充分展示了可选链操作符（?.）的简洁和维护性，nice。


但我遇到了一个问题，我的JS代码是在uiBot（脚本软件）中运行的，经过测试，我发现uiBot不支持“.”取值方法，只支持“[]”取值方法，例如：
支持：obj['item']
不支持：obj.item或obj?.item

针对这种情况，可选链操作符确实有没有办法改为“[]”取值的写法？
请各位大佬指教，感谢。

steven026

obj['item'] || null
手动写吧 就别用语法糖了【什么软件连obj.item都不支持啊……

YILS_LIN

对啊，可选链不就是代替了let name = obj.item && obj.item.name，防止item不存在而报错，不行就用原来的写法呗

当然，方括号理论上也能使用可选链

[JavaScript] 纯文本查看 复制代码

let nestedProp = obj?.['prop' + 'Name'];

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Optional_chaining#%E5%8F%AF%E9%80%89%E9%93%BE%E5%92%8C%E8%A1%A8%E8%BE%BE%E5%BC%8F

kittylang

点都不支持就别想可选链了，这种工具不支持新语法。

而且[]的可选链是?.[]，更不可能用哈

503514256

楼上都说得很对，看起来是很老的js版本了，所以还是老老实实用 &&吧

liesauer

这不简单嘛，写代码可以用高版本的语法，然后编译成es5或者更低版本的语法不就好了，前端常规操作。