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...