千鋒教育-做有情懷、有良心、有品質的職業教育機構

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術干貨  > 如何在JavaScript中更好地使用條件判斷

如何在JavaScript中更好地使用條件判斷

來源:千鋒教育
發布人:wjy
時間: 2022-09-15 10:04:37 1663207477

  這篇文章用很短的時間來介紹如何在 JavaScript 中編寫更簡單的條件判斷,幫助你編寫更簡潔、更易讀的代碼。

  假設我們將顏色值轉換為十六進制編碼的函數。

如何在JavaScript中更好地使用條件判斷1

  這個函數的目標很簡單,就是傳入顏色字符串,然后返回對應的十六進制。如果傳入的不是字符串,或者沒有傳遞任何內容,則返回白色的十六進制。

  接下來,我們開始優化這段代碼。

  避免直接使用字符串作為條件

  直接使用字符串作為條件的問題在于,當我們拼錯時會很尷尬。

如何在JavaScript中更好地使用條件判斷2

  為了避免這個錯誤,我們可以使用常量。

如何在JavaScript中更好地使用條件判斷3

  如果你使用的是TypeScript,那么,你可以直接使用枚舉。

  使用對象

  其實從上面的代碼中不難發現,我們可以直接將十六進制值存儲在對象的值中。

如何在JavaScript中更好地使用條件判斷4

  這樣代碼會更加簡潔易讀。

  不符合預期,早點回來

  另一個最佳實踐是我們可以在函數頂部寫出意外返回,以避免忘記返回。

如何在JavaScript中更好地使用條件判斷5

  這樣你甚至不需要 else。使用這個技巧,我們可以消除代碼中的很多其他內容。

  將Map與Object一起使用

  使用 Map 更專業,因為它可以存儲任何類型的鍵,并且它繼承自 Map.prototype,具有更方便的方法和屬性。

  而且Object更方便訪問屬性,我們可以繼續使用Object來實現枚舉的作用。

如何在JavaScript中更好地使用條件判斷6

  Map也可以存儲功能

  假設我們存儲了很多顏色,最多上千種,而且我們還需要支持后端配置,通過一定的操作過程可以得到結果。

  然后我們可以使用 Map 來存儲函數。

如何在JavaScript中更好地使用條件判斷7

  盡量避免三元表達式和switch

  三元表達式雖然簡短,但可讀性大打折扣。如果是多級條件,閱讀起來會很困難。

  switch 和 if 沒有明顯的優勢,但有時很容易返回,導致代碼無法按預期執行。

tags:
聲明:本站稿件版權均屬千鋒教育所有,未經許可不得擅自轉載。
10年以上業內強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內將與您1V1溝通
免費領取
今日已有369人領取成功
劉同學 138****2860 剛剛成功領取
王同學 131****2015 剛剛成功領取
張同學 133****4652 剛剛成功領取
李同學 135****8607 剛剛成功領取
楊同學 132****5667 剛剛成功領取
岳同學 134****6652 剛剛成功領取
梁同學 157****2950 剛剛成功領取
劉同學 189****1015 剛剛成功領取
張同學 155****4678 剛剛成功領取
鄒同學 139****2907 剛剛成功領取
董同學 138****2867 剛剛成功領取
周同學 136****3602 剛剛成功領取
相關推薦HOT
開班信息
北京校區
  • 北京校區
  • 大連校區
  • 廣州校區
  • 成都校區
  • 杭州校區
  • 長沙校區
  • 合肥校區
  • 南京校區
  • 上海校區
  • 深圳校區
  • 武漢校區
  • 鄭州校區
  • 西安校區
  • 青島校區
  • 重慶校區
  • 太原校區
  • 沈陽校區
  • 南昌校區
  • 哈爾濱校區
久久亚洲中文字幕精品一区四,亚洲日本另类欧美一区二区,久久久久久久这里只有免费费精品,高清国产激情视频在线观看
亚洲欧美综合国产精品二区 | 亚洲欧美国产日韩字幕 | 伊人中文字幕在线 | 正在播放国产乱子伦最新视频 | 日韩欧美国产另类一区二区 | 又大又粗又猛免费视频久久 |