最近在重構代碼時，我發現早期的代碼使用太多的 if 語句，其程度是我從未見過的。這就是為什么我認為分享這些簡單的技巧是非常重要的，這些技巧可以幫助我們避免過多的使用 if 語句。

接下來會介紹6種方式來代替 if 的使用，這樣做不是堅決不使用 if 偏執狂，而是換個方式思考我們的編碼思路。

1. 三元運算符

事例1

帶有IF的代碼：

重構后代碼：

使用 ES6

事例2

帶有IF的代碼：

重構后代碼：

事例3

帶有IF的代碼：

重構后代碼：

2.短路運算符

事例1

帶有IF的代碼：

重構后代碼：

事例2

帶有IF的代碼：

重構后代碼：

3.函數委托:

事例1

帶有IF的代碼：

重構后代碼：

4.非分支策略

此技巧嘗試避免使用switch語句，相反是用鍵/值創建一個映射并使用一個函數訪問作為參數傳遞的鍵的值。

事例1

帶有switch的代碼：

重構后代碼：

5.作為數據的函數

我們知道在JS中函數是第一個類，所以使用它我們可以把代碼分割成一個函數對象。

帶有IF的代碼：

重構后代碼：

6.多態性

多態性是對象具有多種形式的能力。OOP中多態性最常見的用法是使用父類引用來引用子類對象。

帶有IF的代碼：

重構后代碼：

---

原文：https://dev.to/damxipo/avoid-use-if-on-our-js-scripts-1b95

總結

以上是生活随笔為你收集整理的js三元运算符_这些优化技巧可以避免我们在 JS 中过多的使用 IF 语句的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。