ES6/2015 中的空安全属性访问（和条件赋值）

Question

是否有 null ES6（ES2015/JavaScript.next/Harmony）中的安全属性访问（空传播/存在）运算符，例如 ?. 在 CoffeeScript 中？还是计划用于 ES7？

 var aThing = getSomething()
...
aThing = possiblyNull?.thing

这大致是这样的：

 if (possiblyNull != null) aThing = possiblyNull.thing

Ideally the solution should not assign (even undefined ) to aThing if possiblyNull is null

原文由 נשמה קשוחה 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

更新(2022-01-13)：似乎人们仍在寻找这个，这是当前的故事：

• 可选链接现在在规范中 (ES2020) 并 得到所有现代浏览器 的支持，更多内容在存档提案中： https ://github.com/tc39/proposal-optional-chaining
• babel-preset-env：如果你需要支持没有它的旧环境， 这可能就是你想要的 https://babeljs.io/docs/en/babel-preset-env
• Babel v7 插件： https ://babeljs.io/docs/en/babel-plugin-proposal-optional-chaining

更新（2017-08-01）：如果你想使用官方插件，你可以尝试使用新转换的 Babel 7 alpha 构建。 你的旅费可能会改变

https://www.npmjs.com/package/babel-plugin-transform-optional-chaining

原文：

目前处于第 1 阶段的实现该功能的功能：可选链接。

https://github.com/tc39/proposal-optional-chaining

如果你现在想使用它，有一个 Babel 插件可以实现。

https://github.com/davidyaha/ecmascript-optionals-proposal

原文由 basicdays 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

它不如 ?.运算符，但要获得类似的结果，您可以这样做：

 user && user.address && user.address.postcode

由于 null 和 undefined 都是 假 值（ 请参阅此参考资料）， && 运算符之后的属性只有在先例不为空或未访问时才被访问。

或者，您可以编写如下函数：

 function _try(func, fallbackValue) {
    try {
        var value = func();
        return (value === null || value === undefined) ? fallbackValue : value;
    } catch (e) {
        return fallbackValue;
    }
}

用法：

 _try(() => user.address.postcode) // return postcode or undefined

或者，使用后备值：

 _try(() => user.address.postcode, "none") // return postcode or a custom string

原文由 tocqueville 发布，翻译遵循 CC BY-SA 4.0 许可协议