实际项目常用并且好用的js技巧分享

1.数组合并

语法：...(es6扩展运算符）

let a=[1,2];
let b=[3,4,...a];//后连接
let c = [...a,3,4];//前连接
console.log(b)
console.log(c)

2.数组克隆

语法：...(es6扩展运算符）和数组合并类似

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

3.解构赋值

使用场景：单独使用数组中某几项数据时

语法：

let a = [1,2];
let [a1,a2] = a;
console.log(a1);
console.log(a2);

4.短路求值

语法：||

适用场景：方法传不同参数或者拿接口返回值不知道是否能拿到的时候；

 function getFood(a) {
    return a || ""
 }
 console.log(getFood())
 console.log(getFood('苹果'))

 5.模板字符串

语法：``

适用场景：文案提示中常变量混合的时候

let b = '字符串';
let str = `${b}连接`;
console.log(str)