javascript - ES6 数组解构赋值 默认赋值

问题描述

在看到阮一峰的ES6教程解构赋值，默认值时，这个地方没太看懂。原文链接

注意，ES6 内部使用严格相等运算符（===），判断一个位置是否有值。所以，如果一个数组成员不严格等于undefined，默认值是不会生效的。

function f() { console.log(’aaa’);}let [x = f()] = [1];

书上说上面这段代码等价于下面这段

let x;if ([1][0] === undefined) { x = f();} else { x = [1][0];}

请问一下这个[1][0]是哪里来的？不应该是下面这样的吗？

let x;if (1 === undefined) { x = f();} else { x = 1;}

问题解答

数组解构时，原理是这样的，把一个或者多个变量放到数组A中，然后让这个数组A等于另一个数组B，那么解构时A数组某个位置的值就等于B数组对应位置的值。

let [x = f()] = [1];

这段代码的意思就是，首先创建一个数组A,数组A中的第一项是x，然后又有一个数组B，B = [1].然后令 A = B.最后的效果就是A[0] = B[0],即x=B[0],也即x=[1][0]。所以在判断是不是等于undefined时，要这样

if([1][0] === undefined)回答2：

右边[1]中的1才是对应x呀，即[1][0]对应x

解构，解构，解构。。。所以目的是把等号右边的东西解开，所以肯定是要把[1]给解开的。

所以let [x]=[1]，那么x就是[1][0]，也就是1。所以其实x的赋值是根据[1][0]来判断的。

不知道说的理解不理解，还是给文档吧：

https://developer.mozilla.org...