ES6，代码优化

一、解构赋值

const {a,b,c,d,e} = obj;
const f = a + d;
const g = c + e;

服务端返回的数据对象中的属性名不是我想要的，这样取值，不是还得重新创建个遍历赋值。

const {a:a1} = obj;
console.log(a1);// 1

注意解构的对象不能为undefined、null。否则会报错，故要给被解构的对象一个默认值。

二、关于合并数据

错误：没有考虑数组的重复

const a = [1,2,3];
const b = [1,5,6];
const c = a.concat(b);//[1,2,3,1,5,6]

const obj1 = {
  a:1,
}
const obj2 = {
  b:1,
}
const obj = Object.assign({}, obj1, obj2);//{a:1,b:1}

优化：

const a = [1,2,3];
const b = [1,5,6];
const c = [...new Set([...a,...b])];//[1,2,3,5,6]

const obj1 = {
  a:1,
}
const obj2 = {
  b:1,
}
const obj = {...obj1,...obj2};//{a:1,b:1}

三、拼接字符串

在${}中可以放入任意的JavaScript表达式，可以进行运算，以及引用对象属性。