javascript - 从 undefined 解构时避免错误

Question

假设我有这段代码:

const {x, y} = point;

Babel 会把它变成:

var _point = point,
    x = _point.x,
    y = _point.y;

这很好，但是如果点未定义怎么办？现在我得到一个错误:

“无法读取未定义的属性‘x’”。

那么我该如何避免呢？

我想做类似的事情

const {x, y} = {} = point;

但这是一个语法错误。

我只能看到这是一个选项:

const {x, y} = point || {};

哪个 babel 转译为:

var _ref = point || {},
    x = _ref.x,
    y = _ref.y;

这里我们创建一个对象只是为了避免未定义的错误。这看起来很浪费。

我是否缺少一些可以避免这种情况的语法？可以转换成这样的东西:

var x, y;
if (typeof point !== 'undefined') {
    x = point.x;
    y = point.y;
}

Answer 1

要处理 ES6 对象解构中的未定义错误，您可以执行如下操作

const {x, y} = {...point};
console.log(x)      // undefined                  
console.log(y)      // undefined