ES6中的结构赋值

ES6中的结构赋值

1.什么是结构赋值

1.1：结构赋值就是从数组和对象中提取自己想要的变量，然后进行赋值，最常用的场景是element-ui vant按需引入，请求接口返回数据，提取想要的数据，重要的一点就是左右结构必须一致
1.2：变量交换：有两种方法：第一种：就是声明一个空的变量，然后来进行交换，第二种：就是前面声明的变量，后面调换变量来接收就可以啦
1.3忽略你不感兴趣的返回值

function f() {
  return [1, 2, 3];
}

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

1.4：将剩余的数组赋值给一个变量，当解构一个数组时，可以使用剩余模式，将数组剩余部分赋值给一个变量。

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

1.5给新的变量名赋值

var o = {p: 42, q: true};
var {p: foo, q: bar} = o;
 
console.log(foo); // 42 
console.log(bar); // true