es6解構賦值

慨念

結構賦值就是從目標陣列或物件中提取需要的變數。最常用的應用場景是element-ui/vant的按需引入，請求介面返回資料，提取需要的資料。

//陣列結構

var a, b, rest;
[a, b]=[
10,20]
;console.
log(a)
;// 10
console.
log(b)
;// 20
//物件解構(=
);console.
log(a)
;// 10
console.
log(b)
;// 20
// ...rest 解構陣列
[a, b,
...rest]=[
10,20,
30,40,
50];console.
log(a)
;// 10
console.
log(b)
;// 20
console.
log(rest)
;// [30, 40, 50]
// ...rest 解構物件（最新）(=
);console.
log(a)
;// 10
console.
log(b)
;// 20
console.
log(rest)
;// 
//解析乙個從函式返回
functionf(
)var a, b;
[a, b]=f
(); console.
log(a)
;// 1
console.
log(b)
;// 2

1.預設值

var a, b;

[a=5
, b=7]
=[1]
;console.
log(a)
;// 1
console.
log(b)
;// 7

var a =1;

var b =3;
[a, b]
=[b, a]
;console.
log(a)
;// 3
console.
log(b)
;// 1

functionf(

)var
[a,, b]=f
();console.
log(a)
;// 1
console.
log(b)
;// 3

var

[a,...b]=[
1,2,
3];console.
log(a)
;// 1
console.
log(b)
;// [2, 3]

var o =

;var
= o;
console.
log(foo)
;// 42 
console.
log(bar)
;// true

var people =[,

age:35}
,,age:25}
];for(
var}
of people)
// "name: mike smith, father: harry smith"
// "name: tom jones, father: richard jones"

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 現今的變數宣告語法十分的直接 左邊是乙個變數名，右邊可以是乙個陣列 的表示式或乙個物件 的表示式，等等。...