ES6的解構賦值 以及使用場景

2021-09-14 02:27:22 字數 822 閱讀 1935

z'x陣列的解構賦值 一下例子應該能夠很清楚的展示  簡介至上?

物件的解構賦值  在第二段**中給c設定了預設值為3 解決了變數建立後沒有賦值的報錯 同時也這裡也引入了es6中的另乙個新特性 就是預設引數的特性

=)

console.log(a,b);//輸出 1 2

}

使用場景:

(1)變數交換 在以下**中成功實現了變數交換 改變了以往通過建立乙個中間變數的方式交換變數的做法

(2)裝載函式返回引數

let a,b;

[a,b]=f();

console.log(a,b);//輸出 1 2

}

let a,b,c;

[a,,,b]=f();

console.log(a,b);//輸出 1 4

}

let a,b,c;

[a,...b]=f();

console.log(a,b);//輸出 1 array(4) [ 2, 3, 4, 5 ]

}

]

} let ]}=metadata;

console.log(estitle,cstitle);//輸出abc test

}

ES6 解構賦值

陣列的解構賦值 let a,b 12,13 let a,b,c d 13,15,16 let a,b c 78,12 23 let x,y 1,3,5 x 1,y 3 let x,y,z a x a,y undefined z let h,b 1,2,3,4 1,2,3,4 預設值 let x tr...

ES6解構賦值

一 基本用法 解構 destructuring 按照一定的模式,從陣列或者物件中提取值,對變數進行賦值。let par1,par2,par3 1,2 console.log par1,par2,par3 1 2 不完全解構時par3對值為undefined 解構賦值允許指定變數對預設值。let pa...

es6解構賦值

coding changes the world accumulating makes yourself 主要從三個方面講述 陣列式的解構賦值 物件式的解構賦值 函式中的解構賦值 preface 現今的變數宣告語法十分的直接 左邊是乙個變數名,右邊可以是乙個陣列 的表示式或乙個物件 的表示式,等等。...