圆括号问题

解构赋值虽然很方便，但是解析起来并不容易。

对于编译器来说，一个式子到底是模式，还是表达式，没有办法从一开始就知道，必须解析到（或解析不到）等号才能知道。

由此带来的问题是，如果模式中出现圆括号怎么处理。ES6 的规则是，只要有可能导致解构的歧义，就不得使用圆括号。

但是，这条规则实际上不那么容易辨别，处理起来相当麻烦。因此，建议只要有可能，就不要在模式中放置圆括号。

避免使用情况 #

不能使用圆括号的情况

以下三种解构赋值不得使用圆括号。

变量声明语句 #

(function (log) {
    // 全部报错
    const [(a)] = [1];// SyntaxError: Unexpected token (

    const {x: (c)} = {};// SyntaxError: Unexpected token (
    const ({x: c}) = {};// SyntaxError: Unexpected token (
    const {(x: c)} = {};// SyntaxError: Unexpected token (
    const {(x): c} = {};// SyntaxError: Unexpected token (

    const { o: ({ p: p }) } = { o: { p: 2 } };// SyntaxError: Unexpected token (
})(console.log)

上面 6 个语句都会报错，因为它们都是变量声明语句，模式不能使用圆括号。

函数参数 #

函数参数也属于变量声明，因此不能带有圆括号。

// 报错
function f([(z)]) { return z; }// SyntaxError: Unexpected token (
// 报错
function f([z,(x)]) { return x; }// SyntaxError: Unexpected token (

赋值语句的模式 #

(function (log) {
    // 全部报错
    ({ p: a }) = { p: 42 };// SyntaxError: Unexpected token (
    ([a]) = [5];// SyntaxError: Unexpected token (
})(console.log)

上面代码将整个模式放在圆括号之中，导致报错。

(function (log) {
    // 报错
    [({ p: a }), { x: c }] = [{}, {}];// SyntaxError: Unexpected token (
})(console.log)

上面代码将一部分模式放在圆括号之中，导致报错。

可以使用情况 #

可以使用圆括号的情况只有一种：赋值语句的非模式部分，可以使用圆括号。

(function (log) {
    [(b)] = [3]; // 正确
    log(b);// 3
    ({ p: (d) } = {}); // 正确
    log(d);// undefined
    [(parseInt.prop)] = [3]; // 正确
    log(parseInt.prop);// 3
})(console.log)

上面三行语句都可以正确执行，因为首先它们都是赋值语句，而不是声明语句；

其次它们的圆括号都不属于模式的一部分。

第一行语句中，模式是取数组的第一个成员，跟圆括号无关；

第二行语句中，模式是p，而不是d；

第三行语句与第一行语句的性质一致。

解构赋值允许等号左边的模式之中，不放置任何变量名。因此，可以写出非常古怪的赋值表达式。

({} = [true, false]);
({} = 'abc');
({} = []);

上面的表达式虽然毫无意义，但是语法是合法的，可以执行。