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. javascript - sublime快鍵鍵問題2. javascript - immutable配合react提升性能?3. css - 寫頁面遇到個布局問題,求大佬們幫解答,在線等,急!~4. javascript - nodejs關于進程間發送句柄的一點疑問5. Apache 已經把網站根目錄的改為allow from all了,但是服務器還是不能訪問?6. 實現bing搜索工具urlAPI提交7. 配置Apache時,添加對PHP的支持時語法錯誤8. vue.js - Vue 如何像Angular.js watch 一樣監聽數據變化9. javascript - 移動端上不能實現拖拽布局嗎?10. phpstudy8.1支持win11系統嗎?

網公網安備