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

傻瓜都能寫(xiě)出計(jì)算機(jī)能理解的程序。優(yōu)秀的程序員寫(xiě)出的是人類(lèi)能讀懂的代碼。

本期編輯: Nicole_tiny,九彩拼盤(pán)。

switch 模式

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

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

要注意如下幾點(diǎn):

  1. case 和 switch 對(duì)齊。代碼有合適的縮進(jìn)。
  2. 每個(gè) case 后面都要有 break。
  3. 如果有需求幾個(gè) case 公用代碼(不加 break),需要專(zhuān)門(mén)寫(xiě)注釋說(shuō)明,否則會(huì)被認(rèn)為是漏寫(xiě)了 break。
  4. switch 必須以 default 結(jié)尾來(lái)處理一些未知情況。

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

文章推薦

《前端性能優(yōu)化之 DOM 篇》

概要

  • DOM的定義
  • DOM性能優(yōu)化涉及的方面
  • 優(yōu)化HTML的結(jié)構(gòu)
  • 瀏覽器的工作原理
  • 如何避免觸發(fā)重繪和回流

閱讀地址: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.itdecent.cn/c/0fda3d387a6d

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • ¥開(kāi)啟¥ 【雷霆戰(zhàn)機(jī)】 〖http://pan.baidu.com/s/1kVstszX〗 《解壓源碼后直接用AI...
    小菜c閱讀 4,008評(píng)論 0 5
  • ¥開(kāi)啟¥ 【雷霆戰(zhàn)機(jī)】 〖http://pan.baidu.com/s/1kVstszX〗 《解壓源碼后直接用AI...
    小菜c閱讀 3,679評(píng)論 1 10
  • ¥關(guān)閉¥ 【雷霆戰(zhàn)機(jī)】 〖http://pan.baidu.com/s/1kVstszX〗 《解壓源碼后直接用AI...
    小菜c閱讀 9,837評(píng)論 0 19
  • @synthesize和@dynamic分別有什么作用?@property有兩個(gè)對(duì)應(yīng)的詞,一個(gè)是 @synthes...
    筆筆請(qǐng)求閱讀 634評(píng)論 0 1
  • 你現(xiàn)在正在組建銷(xiāo)售團(tuán)隊(duì),那么你一定要看,并要多看幾遍!最好一個(gè)人在一邊大聲讀出來(lái),并且要邊讀邊想! 一、銷(xiāo)售過(guò)程中...
    胡文田閱讀 546評(píng)論 0 0

友情鏈接更多精彩內(nèi)容