JavaScript 模式之 switch 前端早讀課第29期

傻瓜都能寫出計算機能理解的程序。優秀的程序員寫出的是人類能讀懂的代碼。

本期編輯: Nicole_tiny,九彩拼盤

switch 模式

用 switch 寫出可讀性好,健壯的代碼。這么寫:

var inspect_me = 0,
    result = '';
switch (inspect_me) {
case 0:
  result = "zero";
  break;
case 1:
  result = "one";
  break;
default:
  result = "unknown";
}

要注意如下幾點:

  1. case 和 switch 對齊。代碼有合適的縮進。
  2. 每個 case 后面都要有 break。
  3. 如果有需求幾個 case 公用代碼(不加 break),需要專門寫注釋說明,否則會被認為是漏寫了 break。
  4. switch 必須以 default 結尾來處理一些未知情況。

所有 JavaScript 模式:http://shichuan.github.io/javascript-patterns/

文章推薦

《前端性能優化之 DOM 篇》

概要

  • DOM的定義
  • DOM性能優化涉及的方面
  • 優化HTML的結構
  • 瀏覽器的工作原理
  • 如何避免觸發重繪和回流

閱讀地址:http://fsux.me/%E9%9A%8F%E7%AC%94/%E6%9E%B6%E6%9E%84/%E6%B5%85%E8%B0%88%E5%89%8D%E7%AB%AF/2017/04/13/Front-end-performance-optimization-dom.html

往期前端早讀課地址:http://www.lxweimin.com/c/0fda3d387a6d

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • ¥開啟¥ 【雷霆戰機】 〖http://pan.baidu.com/s/1kVstszX〗 《解壓源碼后直接用AI...
    小菜c閱讀 3,789評論 0 5
  • ¥開啟¥ 【雷霆戰機】 〖http://pan.baidu.com/s/1kVstszX〗 《解壓源碼后直接用AI...
    小菜c閱讀 3,589評論 1 10
  • ¥關閉¥ 【雷霆戰機】 〖http://pan.baidu.com/s/1kVstszX〗 《解壓源碼后直接用AI...
    小菜c閱讀 9,592評論 0 19
  • @synthesize和@dynamic分別有什么作用?@property有兩個對應的詞,一個是 @synthes...
    筆筆請求閱讀 532評論 0 1
  • 你現在正在組建銷售團隊,那么你一定要看,并要多看幾遍!最好一個人在一邊大聲讀出來,并且要邊讀邊想! 一、銷售過程中...
    胡文田閱讀 500評論 0 0