工作中常用的ES6语法，经典必备

一、对象取值

const obj = {

a:1,

b:2,

c:3

}

旧取值：const  a = obj.a;const b = obj.b

新取值：const {a,b,c} = obj

注意：const {a:a1} = obj，a1为创建的变量名

补充：ES6的解构赋值虽然好用。但是要注意解构的对象不能为undefined、null。否则会报错，故要给被解构的对象一个默认值。const {a,b,c} = obj || {};

二、数据合并

const a = [1,2,3];
const b = [1,5,6];

const obj1 = {
  a:1,
}
const obj2 = {
  b:1,
}

旧合并：

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

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

新合并：

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

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

 三、字符串拼接

const name = '小明';
const score = 59;
let result = '';

旧拼接：

if(score > 60){
  result = `${name}的考试成绩及格`; 
}else{
  result = `${name}的考试成绩不及格`; 
}

新拼接

const name = '小明';
const score = 59;
const result = `${name}${score > 60?'的考试成绩及格':'的考试成绩不及格'}`;

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

四、if中多条件判断

旧判断：

if(
    type == 1 ||
    type == 2 ||
    type == 3 ||
    type == 4 ||
){
   //...
}

新判断：

const condition = [1,2,3,4];

if( condition.includes(type) ){
   //...
}

注意：includes() 方法用来判断一个数组是否包含一个指定的值，如果是返回 true，否则false。