快捷導(dǎo)航

使用命令對(duì)象代替switch語句的寫法示例

更新時(shí)間：2015年02月28日 11:34:13 投稿：junjie

這篇文章主要介紹了使用命令對(duì)象代替switch語句的寫法示例,JS規(guī)范里面是禁止使用switch語句的,使用命令對(duì)象可以完美的解決這個(gè)問題,需要的朋友可以參考下

曾經(jīng)有人說過，真正好的程序是沒有if..else的，當(dāng)然switch還不如if..else。JS規(guī)范里面是禁止使用switch的。

命令對(duì)象(command object)就完美的解決了這個(gè)問題。

引用一篇國外的博客提到的：

JavaScript 有著良好的控制流程語句，這些語句往往用花括號(hào)包裹著。不過有個(gè)例外：switch … case 語句。switch … case 的奇怪之處在于你必須在每個(gè) case 末尾加上關(guān)鍵字 break，以防止流程控制權(quán)穿越進(jìn)入下一個(gè) case 語句中。穿越是指讓多條 case 執(zhí)行的手法，當(dāng)未遇見預(yù)期的 break 時(shí)，控制權(quán)就自動(dòng)交到下一句 case 手中。然而，就如同分號(hào)與花括號(hào)一樣，你很有可能會(huì)在不經(jīng)意之間忘了寫 break，當(dāng)這發(fā)生時(shí)，后期的錯(cuò)誤排查就比較痛苦，因?yàn)檎Z句本身是沒錯(cuò)的。因此，配對(duì)地寫 case … break 是個(gè)好習(xí)慣。
我們通常講，JavaScript 有著優(yōu)雅的對(duì)象字面量與頂級(jí)函數(shù)，這些都使得特定的方法查詢變的非常簡單。為方法查詢所創(chuàng)建的對(duì)象，我們稱之為活動(dòng)對(duì)象(action object) 或命令對(duì)象(command object)，它被運(yùn)用在許多軟件設(shè)計(jì)模式中，包括強(qiáng)大的而有用的命令模式。

實(shí)例：

復(fù)制代碼代碼如下:

// switch 方法

    function testSwitch(name) {

        switch (name) {

            case '1':

                return 'hack';

                break;

            case '2':

                return 'slash';

                break;

            case '3':

                return 'run';

                break;

            default:

                return false;

                break;

        }

    }

    // 使用命令對(duì)象

    function testFn(name) {

        var names = {

            '1': function() {

                return 'hack';

            },

            '2': function() {

                return 'slash';

            },

            '3': function() {

                return 'run';

            }

        };

        if (typeof names[name] !== 'function') {

            return false;

        }

        return names[name]();

    }

    // 測試結(jié)果

    var result1 = testSwitch('1');

    var result2 = testFn('2');

    console.info(result1, result2);