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
*/

 

這樣做的好處：

• 使用函數進行變量更新，可以多次複用
• 代碼結構更規範，邏輯性更強，更方便閱讀