ES6-解构赋值的应用场景

1.变量互换

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

2.接收函数内return返回的数据

非解构赋值写法

function f() {
	return [1, 2]
}
let res = f();
let a = res[0];
let b = res[1];
console.log(a, b);

解构赋值写法

function f() {
	return [1, 2]
}
let a, b;
[a, b] = f();
console.log(a, b);
// 输出1,2

3.忽略某些返回值

只想看第一个数的值，但不知道后边数组的长度。这样a就返回第一个值，b就返回后边的数组！

function f() {
	return [1, 2, 3, 4, 5]
}
let a, b;
[a, ...b] = f();
console.log(a, b);
//1 [ 2, 3, 4, 5 ]

4.对象的解构赋值

let Data={
	title:'abc',
	test:[{
		title:'test',
		desc:'description'
	}]
}
let {title:titleA,test:[{title:titleB}]}=Data;
console.log(titleA,titleB);
// abc test