ES6解构赋值的应用场景

解构赋值，即对某种结构进行解析，然后将解析出来的值赋值给相关的变量，常见的有数组、对象、字符串的解构赋值等
一、变量交换1.ES6的方式

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

输出为

2  1

2.ES5的方式采用中间变量的方式进行存储二、获取函数返回值是数组的情况1.ES6

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

输出为

1 2

2.ES5先给一个变量获取函数的返回结果，再按索引获取两个值三、返回多个值，选择性的接受某几个变量1.ES6

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

输出为

1 4

2.ES5先给一个变量获取函数的返回结果，再按索引获取两个值四、不知道函数返回的数组的长度是多少，只关心第一个，其余的放到一个数组中1.ES6

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

输出为

1  [2,3,4,5]

2.ES5先给一个变量获取函数的返回结果，再按索引操作