Question

假设我在es6中使用此语法：

let a, b;

{a, b} = { a: 100, b: 300 };

代码将正确运行；

但是让我们这样重写：

function fn() {
    return { a: 100, b: 200 }
}

let a, b;

{ a, b } = fn();

当我运行上面的代码时，它说出意外的令牌“ =“; 我有点困惑，有什么区别？

Answer 1

添加大括号：({ a, b } = fn());

来自Mozilla文档：

使用不带声明的对象文字解构赋值时，赋值语句周围的圆括号（...）是必需的语法。

{a, b} = {a: 1, b: 2}是无效的独立语法，因为左侧的{a, b}被认为是一个块，而不是对象文字。

但是，({a, b} = {a: 1, b: 2})有效，var {a, b} = {a: 1, b: 2}

Answer 2

将对象赋值括在括号中

a["events"]

Answer 3

使用a，b代替{a，b}：

let a, b;
a,b = { a: 100, b: 300 };


function fn() {
    return { a: 100, b: 200 }
}

let a, b;
a,b = fn();