javascript - ES6 數(shù)組解構(gòu)賦值 默認(rèn)賦值
問(wèn)題描述
在看到阮一峰的ES6教程解構(gòu)賦值,默認(rèn)值時(shí),這個(gè)地方?jīng)]太看懂。原文鏈接
注意,ES6 內(nèi)部使用嚴(yán)格相等運(yùn)算符(===),判斷一個(gè)位置是否有值。所以,如果一個(gè)數(shù)組成員不嚴(yán)格等于undefined,默認(rèn)值是不會(huì)生效的。
function f() { console.log(’aaa’);}let [x = f()] = [1];
書(shū)上說(shuō)上面這段代碼等價(jià)于下面這段
let x;if ([1][0] === undefined) { x = f();} else { x = [1][0];}
請(qǐng)問(wèn)一下這個(gè)[1][0]是哪里來(lái)的?不應(yīng)該是下面這樣的嗎?
let x;if (1 === undefined) { x = f();} else { x = 1;}
問(wèn)題解答
回答1:數(shù)組解構(gòu)時(shí),原理是這樣的,把一個(gè)或者多個(gè)變量放到數(shù)組A中,然后讓這個(gè)數(shù)組A等于另一個(gè)數(shù)組B,那么解構(gòu)時(shí)A數(shù)組某個(gè)位置的值就等于B數(shù)組對(duì)應(yīng)位置的值。
let [x = f()] = [1];
這段代碼的意思就是,首先創(chuàng)建一個(gè)數(shù)組A,數(shù)組A中的第一項(xiàng)是x,然后又有一個(gè)數(shù)組B,B = [1].然后令 A = B.最后的效果就是A[0] = B[0],即x=B[0],也即x=[1][0]。所以在判斷是不是等于undefined時(shí),要這樣
if([1][0] === undefined)回答2:
右邊[1]中的1才是對(duì)應(yīng)x呀,即[1][0]對(duì)應(yīng)x
回答3:解構(gòu),解構(gòu),解構(gòu)。。。所以目的是把等號(hào)右邊的東西解開(kāi),所以肯定是要把[1]給解開(kāi)的。
所以let [x]=[1],那么x就是[1][0],也就是1。所以其實(shí)x的賦值是根據(jù)[1][0]來(lái)判斷的。
不知道說(shuō)的理解不理解,還是給文檔吧:
https://developer.mozilla.org...
相關(guān)文章:
1. docker-compose中volumes的問(wèn)題2. mysql 一個(gè)sql 返回多個(gè)總數(shù)3. python - Scrapy存在內(nèi)存泄漏的問(wèn)題。4. docker 下面創(chuàng)建的IMAGE 他們的 ID 一樣?這個(gè)是怎么回事????5. CSS3 畫(huà)如下圖形6. javascript - 螞蟻金服里的react Modal方法,是怎么把元素插入到頁(yè)面最后的7. 如何用筆記本上的apache做微信開(kāi)發(fā)的服務(wù)器8. android - rxjava merge 返回Object對(duì)象數(shù)據(jù)如何緩存9. angular.js - ionic2 瀏覽器跨域問(wèn)題10. java如何生成token?
