File tree Expand file tree Collapse file tree 1 file changed +8
-6
lines changed Expand file tree Collapse file tree 1 file changed +8
-6
lines changed Original file line number Diff line number Diff line change @@ -490,15 +490,15 @@ move(); // [0, 0]
490
490
491
491
解构赋值虽然很方便,但是解析起来并不容易。对于编译器来说,一个式子到底是模式,还是表达式,没有办法从一开始就知道,必须解析到(或解析不到)等号才能知道。
492
492
493
- 由此带来的问题是,如果模式中出现圆括号怎么处理。ES6的规则是 ,只要有可能导致解构的歧义,就不得使用圆括号。
493
+ 由此带来的问题是,如果模式中出现圆括号怎么处理。ES6 的规则是 ,只要有可能导致解构的歧义,就不得使用圆括号。
494
494
495
495
但是,这条规则实际上不那么容易辨别,处理起来相当麻烦。因此,建议只要有可能,就不要在模式中放置圆括号。
496
496
497
497
### 不能使用圆括号的情况
498
498
499
499
以下三种解构赋值不得使用圆括号。
500
500
501
- (1)变量声明语句中,不能带有圆括号。
501
+ (1)变量声明语句
502
502
503
503
``` javascript
504
504
// 全部报错
@@ -514,16 +514,18 @@ let { o: ({ p: p }) } = { o: { p: 2 } };
514
514
515
515
上面6个语句都会报错,因为它们都是变量声明语句,模式不能使用圆括号。
516
516
517
- (2)函数参数中,模式不能带有圆括号。
517
+ (2)函数参数
518
518
519
519
函数参数也属于变量声明,因此不能带有圆括号。
520
520
521
521
``` javascript
522
522
// 报错
523
523
function f ([(z)]) { return z; }
524
+ // 报错
525
+ function f ([z : (x)]) { return x; }
524
526
```
525
527
526
- (3)赋值语句中,不能将整个模式,或嵌套模式中的一层,放在圆括号之中。
528
+ (3)赋值语句的模式
527
529
528
530
``` javascript
529
531
// 全部报错
@@ -538,7 +540,7 @@ function f([(z)]) { return z; }
538
540
[({ p: a }), { x: c }] = [{}, {}];
539
541
```
540
542
541
- 上面代码将嵌套模式的一层,放在圆括号之中 ,导致报错。
543
+ 上面代码将一部分模式放在圆括号之中 ,导致报错。
542
544
543
545
### 可以使用圆括号的情况
544
546
@@ -550,7 +552,7 @@ function f([(z)]) { return z; }
550
552
[(parseInt .prop )] = [3 ]; // 正确
551
553
```
552
554
553
- 上面三行语句都可以正确执行,因为首先它们都是赋值语句,而不是声明语句;其次它们的圆括号都不属于模式的一部分。第一行语句中,模式是取数组的第一个成员,跟圆括号无关;第二行语句中,模式是p,而不是d ;第三行语句与第一行语句的性质一致。
555
+ 上面三行语句都可以正确执行,因为首先它们都是赋值语句,而不是声明语句;其次它们的圆括号都不属于模式的一部分。第一行语句中,模式是取数组的第一个成员,跟圆括号无关;第二行语句中,模式是 ` p ` ,而不是 ` d ` ;第三行语句与第一行语句的性质一致。
554
556
555
557
## 用途
556
558
You can’t perform that action at this time.
0 commit comments