ES6中的解構

2022-08-01 03:54:12 字數 1200 閱讀 7998

陣列中的解構:

輸出 :

白板么雞

二條物件的解構:

輸出:老王

12陣列的結構用;物件的解構用{};一定要區分它是陣列還是解構。

區分方法:看 它是在賦值還是在拿值,等號左邊,都為解構,等號右邊,都是陣列或者物件。

...運算子,

首先來看:

輸出:白板

么雞二條

如果給c加上 ... 運算子;

輸出:白板

么雞["二條","三餅","四筒"]

...運算子必須出現在尾巴(即最後),叫做 rest 運算子,俗稱「尾巴」解構;

函式的引數也可以解構;

函式的形參列表也能使用 ... 運算子

此時這個函式即為計算所有實參的和,原來使用的arguments,也被代替。

形參列表中還可以有物件的自動解構語法;

對於物件來說, k:v的結構模式 ;

冒號右邊的變數被是被真正賦值的,冒號左邊的變數是表示的是物件的屬性;

通常用來從物件中取乙個屬性,但要給此屬性改名,即:

輸出:10

ES6中解構賦值

理解 解構賦值就是從目標物件或陣列中提取自己想要的變數。最常用的場景是 element ui 或 vant ui 按需引入,請求介面返回想要的資料。陣列解構 乙個蘿蔔乙個坑,按照順序進行 var a,b,c 12,13 a,b 這個寫法報錯 invalid destructuring assignm...

ES6中的解構賦值

按照原有值的解構,把原有值中的某一部分內容快速獲取到 快速賦值 給乙個變數 陣列的解構賦值 解構賦值本身是es6的語法規範,使用什麼關鍵字來宣告這些變數是無所謂的 let ary 12,23,34 傳統的取值賦值操作 let a ary 0 b ary 0 c ary 0 console.log a...

ES6中的解構(一)

傳統的賦值方式 let x 1 let y 2 let z 3 或let x 1,y 2,z 3 es6中採用陣列模式 運算子 let x,y,z 1,2,3 let arr 1,2,3 let a,b,c arr 模式匹配,一一對應 let a,c 1,2,3 a 1 c 3 let a,b,c ...