js开发中的常用小技巧（持续更新ing）

1. if 语句可以用&&运算代替，这样做的好处有两个：

• 代码会更加简洁
• &&运算执行比 if 语句速度更快

如

if(id===4)
{
    //your code
}

可以写成

id===4&&{
    //your code
}

2. ES6新增的...扩展运算符可以快速的进行变量更新

如

const state = {
    name:'',
    time:'',
    active:false,
}

const payload = {
    time:'86400',
    active:true,
}
const update = (state,payload)=>{
    return{
      ...state,
      ...payload,
    }
}

控制台输出看一下结果：

console.log(update(state,payload));
/*
{name: "", time: "86400", active: true}
active: true
name: ""
time: "86400"
__proto__: Object
*/

 

这样做的好处：

• 使用函数进行变量更新，可以多次复用
• 代码结构更规范，逻辑性更强，更方便阅读