最近在重構(gòu)代碼時(shí)，我發(fā)現(xiàn)早期的代碼使用太多的 if 語句，其程度是我從未見過的。這就是為什么我認(rèn)為分享這些簡(jiǎn)單的技巧是非常重要的，這些技巧可以幫助我們避免過多的使用 if 語句。

接下來會(huì)介紹6種方式來代替 if 的使用，這樣做不是堅(jiān)決不使用 if 偏執(zhí)狂，而是換個(gè)方式思考我們的編碼思路。

1. 三元運(yùn)算符

事例1

帶有IF的代碼：

重構(gòu)后代碼：

使用 ES6

事例2

帶有IF的代碼：

重構(gòu)后代碼：

事例3

帶有IF的代碼：

重構(gòu)后代碼：

2.短路運(yùn)算符

事例1

帶有IF的代碼：

重構(gòu)后代碼：

事例2

帶有IF的代碼：

重構(gòu)后代碼：

3.函數(shù)委托:

事例1

帶有IF的代碼：

重構(gòu)后代碼：

4.非分支策略

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

事例1

帶有switch的代碼：

重構(gòu)后代碼：

5.作為數(shù)據(jù)的函數(shù)

我們知道在JS中函數(shù)是第一個(gè)類，所以使用它我們可以把代碼分割成一個(gè)函數(shù)對(duì)象。

帶有IF的代碼：

重構(gòu)后代碼：

6.多態(tài)性

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

帶有IF的代碼：

重構(gòu)后代碼：

---

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。