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宿主機無法訪問容器中的服務?2. javascript - 如何使用nodejs 將.html 文件轉化成canvas3. angular.js - 輸入郵箱地址之后, 如何使其自動在末尾添加分號?4. javascript - html5的data屬性怎么指定一個function函數呢?5. python - Scrapy存在內存泄漏的問題。6. 在mac下出現了兩個docker環境7. docker-compose中volumes的問題8. java如何生成token?9. javascript - 后臺管理系統左側折疊導航欄數據較多,怎么樣直接通過搜索去定位到具體某一個菜單項位置,并展開當前菜單10. javascript - Web微信聊天輸入框解決方案
