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

更新（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

它不如？运算符，但要获得类似的结果，您可以执行以下操作：

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

由于 和 都是 falsy 值（请参阅此参考），因此只有在先例不为 null 或未定义的情况下，才能访问运算符后面的属性。nullundefined&&

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

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