1
0
mirror of https://github.com/ruanyf/es6tutorial.git synced 2025-05-28 21:32:20 +00:00

docs(destructure): edit parentheses

This commit is contained in:
ruanyf 2017-07-08 09:48:47 +08:00
parent d89561f056
commit b3c64a86fc

View File

@ -490,7 +490,7 @@ move(); // [0, 0]
解构赋值虽然很方便,但是解析起来并不容易。对于编译器来说,一个式子到底是模式,还是表达式,没有办法从一开始就知道,必须解析到(或解析不到)等号才能知道。
由此带来的问题是如果模式中出现圆括号怎么处理。ES6的规则是只要有可能导致解构的歧义就不得使用圆括号。
由此带来的问题是如果模式中出现圆括号怎么处理。ES6 的规则是,只要有可能导致解构的歧义,就不得使用圆括号。
但是,这条规则实际上不那么容易辨别,处理起来相当麻烦。因此,建议只要有可能,就不要在模式中放置圆括号。
@ -498,7 +498,7 @@ move(); // [0, 0]
以下三种解构赋值不得使用圆括号。
1变量声明语句中,不能带有圆括号。
1变量声明语句
```javascript
// 全部报错
@ -514,16 +514,18 @@ let { o: ({ p: p }) } = { o: { p: 2 } };
上面6个语句都会报错因为它们都是变量声明语句模式不能使用圆括号。
2函数参数中,模式不能带有圆括号。
2函数参数
函数参数也属于变量声明,因此不能带有圆括号。
```javascript
// 报错
function f([(z)]) { return z; }
// 报错
function f([z: (x)]) { return x; }
```
3赋值语句中,不能将整个模式,或嵌套模式中的一层,放在圆括号之中。
3赋值语句的模式
```javascript
// 全部报错
@ -538,7 +540,7 @@ function f([(z)]) { return z; }
[({ p: a }), { x: c }] = [{}, {}];
```
上面代码将嵌套模式的一层,放在圆括号之中,导致报错。
上面代码将一部分模式放在圆括号之中,导致报错。
### 可以使用圆括号的情况
@ -550,7 +552,7 @@ function f([(z)]) { return z; }
[(parseInt.prop)] = [3]; // 正确
```
上面三行语句都可以正确执行因为首先它们都是赋值语句而不是声明语句其次它们的圆括号都不属于模式的一部分。第一行语句中模式是取数组的第一个成员跟圆括号无关第二行语句中模式是p而不是d第三行语句与第一行语句的性质一致。
上面三行语句都可以正确执行,因为首先它们都是赋值语句,而不是声明语句;其次它们的圆括号都不属于模式的一部分。第一行语句中,模式是取数组的第一个成员,跟圆括号无关;第二行语句中,模式是`p`,而不是`d`;第三行语句与第一行语句的性质一致。
## 用途