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

Question

在看到阮一峰的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;
}

Answer 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)

Answer 2

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

Answer 3

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

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

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

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