Es6中允許按照一定的模式從數(shù)組和對象中自動(dòng)提取值給變量賦值,這種模式就被稱為解構(gòu)。
在以前如果要賦值只能let a=1,b=2,c=3,但是在es6中可以寫為let [ a,b,c] = [1,2,3] ,變量abc可以按照對應(yīng)的位置自動(dòng)取到值123。類似的寫法還可以嵌套多層 例如 :
當(dāng)然,如果解構(gòu)不成功的話變量的值就是undefined
Let [x,y=’b’] = [‘a’]
這種寫法雖然y取不到值但是也可以生效,這種寫法是默認(rèn)給y附一個(gè)值,當(dāng)y取不到其他內(nèi)容時(shí)就會用原來的值。
同樣,不僅數(shù)組可以解構(gòu),對象、字符串、數(shù)值、布爾值、函數(shù)都能進(jìn)行解構(gòu)例如:
解構(gòu)變量的用途有很多,例如接收函數(shù)返回值,解析提取json數(shù)據(jù)都會變得方便。
上一篇: 什么是es6——頂層對象
下一篇: Vue如何使用自定義組件