ES6---函数参数的解构 && 圆括号问题

1、函数参数的解构–简单使用

function aa([x, y]){
 console.log(x+y)
}

aa([1,2]) // 3

2、函数参数的解构–数组map方法中使用

[[1,2], [3,4]].map(([a, b]) => a + b) // [3, 7]

3、函数参数的解构–解构指定默认值

function aaa({x = 1, y = 2} = {}){
 console.log(x, y)
}

aaa({x: 3, y: 8}) // 3, 8
aaa({x: 3}) // 3, 2
aaa({}) // 1, 2
aaa()// 1, 2

4、函数参数的解构–参数指定默认值

function aa({x, y} = {x: 1, y: 2}){
 console.log(x, y)
}

aa({x: 3, y: 8}) //3, 8
aa({x:3}) // 3, undefined
aa({}) // undefined, undefined
aa() //1 ,2

5、圆括号问题–可以使用圆括号的场景

// 赋值语句的非模式部分
// 下面三行语句都可以正确执行，因为首先它们都是赋值语句，而不是声明语句；其次它们的圆括号都不属于模式的一部分。第一行语句中，模式是取数组的第一个成员，跟圆括号无关；第二行语句中，模式是p，而不是d；第三行语句与第一行语句的性质一致。
[(b)] = [3]; // 正确
({ p: (d) } = {}); // 正确
[(parseInt.prop)] = [3]; // 正确

6、圆括号问题–不可以使用圆括号的场景

// 1、变量声明语句, 全部报错：
let [(a)] = [1];
let {x: (c)} = {};
let ({x: c}) = {};
let {(x: c)} = {};
let {(x): c} = {};
let { o: ({ p: p }) } = { o: { p: 2 } };

2、函数参数：
function f([(z)]) { return z; }  // 报错
function f([z,(x)]) { return x; }  // 报错

3、赋值语句的模式：
({ p: a }) = { p: 42 }; // 报错
([a]) = [5]; // 报错
[({ p: a }), { x: c }] = [{}, {}]; // 报错

哎呀，圆括号还是没咋弄明白，各位大神有更好的解说方式吗？？？？？？