免费HTML5展示页工具

$.ajax().done(function (res) {
    if (res.state === 'SUCCESS') {
        //TODO
    } else if (res.state === 'FAIL') {
        //TODO
    } else {
        //TODO
    }
});

这里用if else不挺好的么，有啥问题么？不过我个人倾向于switch。
解决方法：

switch/case

switch和if else在性能上是没有什么区别的，主要还是根据需求进行分析和选择。

如果条件较小的话选用if else比较合适。

相反，条件数量较大的话，就建议选用switch。
一般来说，if else适用于两个离散的值或者不同的值域。如果判断多个离散值，使用switch更加合适。
在大多数的情况下switch比if else运行的更加快。
在大多数情况下，switch的性能不会比if else低。switch的确在实质上跟if else if 完全一样的效果，不过在很多情况下，使用switch要比if else方便不少
比如经典的值等分支，匹配一些状态常量的时候，比if else结构方便许多，不用反复写xx == yy

$.ajax().done(function (res) {
    switch (res.state) {
        case 'SUCCESS':
            //TODO
            break;
        case 'FAIL':
            //TODO
            break;
        default :
            //TODO
    }
});

注意：千万不要忘记在每一个case语句后面放一个break语句。也可以放一个return或者throw。case语句匹配expression是用===而不是==。

hash 表

if (key == "Apple") {
    val = "Jobs";
} else if (key == "microsoft"){
    val = "Gates";
} else if (key == "Google"){
    val = "Larry";
}

这个也可以用 switch case 解决，不过推荐的方法是 hash 表：

var ceos = {“Apple”:”Jobs”, “microsoft”:”Gates”, “Google”:”Larry”};
val = ceos[key];

重构，用 OO 里面的继承或者组合

1.如果是狗，则汪汪
2.如果是猫，则喵喵
3.如果是羊，则咩咩
4.如果是鸭，则嘎嘎

可以重构一下，改成 OO。

定义类：动物（或者接口） 定义方法：叫
定义子类：狗、猫、羊、鸭 重写方法 —- 叫

也就是说将同的判断按照功能，写成函数，这样也便于阅读

比如我有一个方法根据类型获取名称，用if else会这样

function getName(type) {
    if (type === 'monkey') {
        return 'monkey name';
    } else if (type === 'cat') {
        return 'cat name';
    } else {
        return 'dog name';
    }
}

如果写成函数，改成下面的会更好

function getName(type) {
    var data = {
        monkey: 'monkey name',
        cat: 'cat name',
        dog: 'dog name'
    }

    return data[type] ? data[type] : data['dog'];
}

硬要把设计模式添加到JS里不是不可以，但是要看情况。生搬硬套过来的东西然并卵啊。
写代码记住三个字即可，短简易。代码短，读起来简单，维护容易，如果在性能和代码长度上二选一，我肯定选代码短，性能不行，加台服务器就是了。而冗长的代码并不是加个程序员就能搞定的。
保持着这个心态写代码，写出的东西离设计模式也不会差太多了。
多说一句：存在必有其价值，不能说if else多了就不好，凡事无绝对，适合A的未必就适合B，每个东西都有其实现的场景。同理改写设计模式未必就是最棒的，听起来高大上点而已。

阅读原文

Hello World

发表于 2016-03-27 |

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

1	$ hexo new "My New Post"

More info: Writing

Run server

1	$ hexo server

More info: Server

Generate static files

1	$ hexo generate

More info: Generating

Deploy to remote sites

1	$ hexo deploy

More info: Deployment