使用JavaScript switch case 另類寫法
更新時間：2010年03月14日 16:33:04 作者：
在JavaScript里，函數(shù)(todoA、todoB、todoC)就是對象，“()”的作用就是就是執(zhí)行函數(shù)對象，二者簡單地組合一下就能夠讓代碼清晰簡潔很多了，何樂不為呢？
習(xí)慣了C#的語法，遇到多分支調(diào)用的情況，除了最簡單的if-else,那么就是switch-case了，所以使用JavaScript的時候就很容易會寫出下面這樣的代碼：
// JScript source code
//something的值是1、2、3...
switch (something) {
case 1:
todoA();
break;
case 2:
todoB();
break;
case 3:
todoC();
break;
//...
}
這樣的代碼本身也沒什么，只是可讀性差一些，看起來有點費勁，JavaScript雖然支持switch-case，不過有一種更好的寫法值得推廣：
// JScript source code
//something的值是1、2、3...
var cases = {
1: todoA,
2: todoB,
3: todoC
};
if (cases[something]) {
cases[something]();
}
作者：Justin
出處：http://justinw.cnblogs.com/
復(fù)制代碼 代碼如下:
// JScript source code
//something的值是1、2、3...
switch (something) {
case 1:
todoA();
break;
case 2:
todoB();
break;
case 3:
todoC();
break;
//...
}
這樣的代碼本身也沒什么，只是可讀性差一些，看起來有點費勁，JavaScript雖然支持switch-case，不過有一種更好的寫法值得推廣：
復(fù)制代碼 代碼如下:
// JScript source code
//something的值是1、2、3...
var cases = {
1: todoA,
2: todoB,
3: todoC
};
if (cases[something]) {
cases[something]();
}
作者：Justin
出處：http://justinw.cnblogs.com/
相關(guān)文章
JS實現(xiàn)隨機(jī)顏色的3種方法與顏色格式的轉(zhuǎn)化
隨機(jī)顏色和顏色格式是我們在開發(fā)中經(jīng)常要用到的一個小功能，網(wǎng)上相關(guān)的資料也很多，想著有必要總結(jié)一下自己的經(jīng)驗。所以這篇文章主要介紹了JS實現(xiàn)隨機(jī)顏色的3種方法與顏色格式的轉(zhuǎn)化,需要的朋友可以參考借鑒，下面來一起看看吧。2017-01-01
zTree插件之單選下拉菜單實例代碼。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
JSCode all of Brower 全局屏蔽網(wǎng)頁右鍵功能 具體實現(xiàn)
JSCode all of Brower 全局屏蔽網(wǎng)頁右鍵功能 具體實現(xiàn)，需要的朋友可以參考一下2013-06-06
用jquery.sortElements實現(xiàn)table排序
實現(xiàn)table排序，網(wǎng)上有很多解決方案，很多都基于jQuery，最后我選擇用sortElements，實現(xiàn)很簡單2014-05-05
全面總結(jié)Javascript對數(shù)組對象的各種操作
最近有個同事問了個問題，關(guān)于數(shù)組，對象和類數(shù)組的，仔細(xì)說起來都是基礎(chǔ)，其實都沒什么好講的，不過看到還是有很多朋友有些迷糊，決定還是寫出來吧，下面這篇文章主要給大家介紹了Javascript對數(shù)組對象的各種操作,需要的朋友可以參考借鑒。2017-01-01
下面小編就為大家?guī)硪黄猨avascript中獲取class的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
這篇文章主要為大家詳細(xì)介紹了原生JavaScript實現(xiàn)九宮格抽獎，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-06-06 
點擊最大化按鈕后，瀏覽器的內(nèi)容填充滿顯示器，瀏覽器窗口的邊框被擠出顯示器。而該js的最大化效果是瀏覽器的邊框在顯示器內(nèi)顯示，具體實現(xiàn)如下，感興趣的朋友可以參考下
2013-08-08 
基于 D3.js 繪制動態(tài)進(jìn)度條的實例詳解
D3是一個被數(shù)據(jù)驅(qū)動的文檔。這篇文章主要介紹了基于 D3.js 繪制動態(tài)進(jìn)度條的方法,需要的朋友可以參考下
2018-02-02