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;}
問題解答
回答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
回答3:解構,解構,解構。。。所以目的是把等號右邊的東西解開,所以肯定是要把[1]給解開的。
所以let [x]=[1],那么x就是[1][0],也就是1。所以其實x的賦值是根據[1][0]來判斷的。
不知道說的理解不理解,還是給文檔吧:
https://developer.mozilla.org...
相關文章:
1. docker-compose中volumes的問題2. java如何高效讀寫10G以上大文件3. android - viewpager問題PagerTabStrip樣式4. Docker for Mac 創建的dnsmasq容器連不上/不工作的問題5. css - input元素的time控件無法選擇6. javascript - js判斷用戶的網絡能否上網?7. python 字符串匹配問題8. dockerfile - [docker build image失敗- npm install]9. javascript - 這里的這個函數是干嘛用的?10. mysql - SQL語句可以提供“查詢表,并至第100條結果為止”嗎?
