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. 對mysql某個字段監控的功能2. showpassword里的this 是什么意思?代表哪個元素3. html - vue項目中用到了elementUI問題4. JavaScript事件5. python - 為什么正常輸出中文沒有亂碼,zip函數之后出現中文編程unicode編碼的問題,我是遍歷輸出的啊。6. python - 使用readlines()方法讀取文件內容后,再用for循環遍歷文件與變量匹配時出現疑難?7. javascript - table列過多,有什么插件可以提供列排序和選擇顯示列的功能8. javascript - js中向下取整9. javascript - HTML字符串排版10. html5 - ElementUI table中el-table-column怎么設置百分比顯示。
