没有var的对象分解

如果对象解构var前面没有关键字，为什么会抛出错误？

{a, b} = {a: 1, b: 2};

抛出 SyntaxError: expected expression, got '='

以下三个示例可以正常工作

var {a, b} = {a: 1, b: 2};
var [c, d] = [1, 2];
    [e, f] = [1, 2];

额外的问题：为什么我们不需要var数组解构？

我在做类似的事情时遇到了问题

function () {
  var {a, b} = objectReturningFunction();

  // Now a and b are local variables in the function, right?
  // So why can't I assign values to them?

  {a, b} = objectReturningFunction();
}

问题源于{...}运算符在JavaScript中具有多种含义。

当{出现在Statement的开头时，它将始终代表一个块，该块不能分配给该块。如果它稍后在Statement中作为Expression出现，则它将表示一个Object。

将var有助于使这种区别，因为它不能跟一个声明，如将分组括号：

( {a, b} = objectReturningFunction() );

来自他们的文档：https : //developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#Assignment_without_declaration

注意：当使用不带声明的对象文字解构赋值时，在赋值语句的括号（...）是必需的。

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

但是（{{a，b} = {a：1，b：2}）是有效的，var {a，b} = {a：1，b：2}也有效

您的（...）表达式必须以分号开头，或者可以将其用于执行上一行的功能。

如果您编写的Javascript不带分号，则“无声明的赋值”语法应以分号开头，以使其可预期地工作

let a, b

;({a, b} = objectReturningFunction()) // <-- note the preceding ;

只是想突出显示这一点，因为它吸引了我，并希望可以节省一些时间弄清楚为什么它不起作用和/或使用诸如代码格式化程序产生奇怪的结果prettier。

确实，它实际上就在公认的答案中（引用文档的最后一行），但很容易遗漏，尤其是在没有看到示例的情况下！

这是另一种方式：

let {} = {a, b} = objectReturningFunction()

优点：

• 无需括号
• 无需分号

缺点：

• 看起来有点怪异，尽管我认为没有IIFE怪异!(){...}()
• 可能会混淆为什么它在那里