【高性能JavaScript】读书笔记 - 算法和流程控制（二） - 09

---

【简介】if-else 和 switch 的选择更多的是从易读性的角度出发，然后是一些技巧性的提高代码的效率。

2. 条件语句（Conditions）

使用 if-else 还是 switch ，一般就要测试条件的数量来判断：条件数量越大，越倾向于使用 switch 而不是 if-else。

if (con) {
    // 代码处理
} else {
    // 其他代码处理
}

switch (con) {
    case true:
        // 代码处理
        break;
    default:
        // 其他代码处理
}

当条件较少时，if-else 更易读；而当条件比较多时，switch 更易读。

if (color == "red") {
    // 代码处理
} else if (color == "blue") {
    // 代码处理
} else if (color == "black") {
    // 代码处理
} else if (color == "brown") {
    // 代码处理
} else {
    // 代码处理
}

switch (color) {
    case "red":
        // 代码处理
        break;
    case "blue":
        // 代码处理
        break;
    case "black":
        // 代码处理
        break;
    case "brown":
        // 代码处理
        break;
    default:
        // 代码处理
}

这是从大吗的易读性的角度考虑来选择哪种条件表达式，一旦选定了一种条件表达式，我们就需要从优化的角度来考量代码的效率，从而提高脚本的性能。

优化 if-else 的目标是：最小化到达正确分支所需判断的条件数量。把最可能出现的条件放在首位，考虑如下代码：

if (value < 5) {
    // 代码处理
} else if (value > 5 && value < 10) {
    // 代码处理 
} else {
    // 代码处理
}

这段程序中，触发 value 值小于 5 的概率应该是最大的，其次是 value 值在 5 到 10 之间的情况，最后是其他情况，这样可以最小化判断的次数。if-else 中的条件语句应该总是按照从最大概率到最小概率的顺序排列，以确保运行速度最快。

另一种优化条件语句的最佳方案是避免使用 if-else 和 switch。比如对于这样一段代码：

switch (value) {
    case 0:
        return result0;
    case 1:
        return result1;
    case 2:
        return result2;
    case 3:
        return result3;
    case 4:
        return result4;
    case 5:
        return result5;
    case 6:
        return result6;
    default:
        return result7;
}

附： 欢迎大家关注我的新浪微博 - 一点编程，了解最新动态 。