ES6解构赋值的应用场景

ES6解构赋值的应用场景

一、变量交换

1.ES6的方式

{

  let a=;

  let b=;

  [a,b]=[b,a];

  console.log(a,b);

}

输出为

2.ES5的方式

采用中间变量的方式进行存储

二、获取函数返回值是数组的情况

1.ES6

{

  function f(){

    return [,]

  }

  let a,b;

  [a,b]=f();

  console.log(a,b);

}

输出为

2.ES5

先给一个变量获取函数的返回结果，再按索引获取两个值

三、返回多个值，选择性的接受某几个变量

1.ES6

{

  function f(){

    return [,,,,]

  }

  let a,b,c;

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

  console.log(a,b);

}

输出为

2.ES5

先给一个变量获取函数的返回结果，再按索引获取两个值

四、不知道函数返回的数组的长度是多少，只关心第一个，其余的放到一个数组中

1.ES6

{

  function f(){

    return [,,,,]

  }

  let a,b,c;

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

  console.log(a,b);

}

输出为

  [,,,]

2.ES5

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