读高性能JavaScript编程 第四章 Conditionals

if else 和 switch    &&    递归

• if else 和 switch

　　一般来说，if-else 适用于判断两个离散的值或者判断几个不同的值域。如果判断多于两个离散值，switch
表达式将是更理想的选择。

　　如同 我们在写sql 总习惯把可以过滤掉更多的where 放在前面一样，当 if else 判断的离散值较多时也因该这么干。

　　二分搜索法：

 if (value == 0){  //要优化的代码
  return result0;
} else if (value == 1){
  return result1;
} else if (value == 2){
  return result2;
} else if (value == 3){
  return result3;
} else if (value == 4){
  return result4;
} else if (value == 5){
  return result5;
} else if (value == 6){
  return result6;
} else if (value == 7){
  return result7;
} else if (value == 8){
  return result8;
} else if (value == 9){
  return result9;
} else {
  return result10;
} 

 if (value < 6){ //二分搜索法
  if (value < 3){
    if (value == 0){
      return result0;
    } else if (value == 1){
      return result1;
    } else {
      return result2;
    }
  } else {
    if (value == 3){
      return result3;
    } else if (value == 4){
      return result4;
    } else {
      return result5;
    }
  }
} else {
  if (value < 8){
    if (value == 6){
      return result6;
    } else {
      return result7;
    }
  } else {
    if (value == 8){
      return result8;
    } else if (value == 9){
      return result9;
    } else {
      return result10;
    }
  }
} 

代码很简单 ，效果却很明显.

　　查表法：

 //define the array of results
var results = [result0, result1, result2, result3, result4, result5, result6, result7, result8, result9, result10]
//return the correct result
return results[value]; 

更加简单暴力。

• 递归

引用：

　　JavaScript引擎所支持的递归数量与 JavaScript调用栈大小直接相关。只有 Internet Explorer例外，它的
调用栈与可用系统内存相关，其他浏览器有固定的调用栈限制。大多数现代浏览器的调用栈尺寸比老式浏
览器要大（例如 Safari 2调用栈尺寸是 100）。图 4-2 显示出主流浏览器的调用栈大小。

关于调用栈溢出错误，最令人感兴趣的部分大概是：在某些浏览器中，他们的确是 JavaScript 错误，可
以用一个 try-catch 表达式捕获。异常类型因浏览器而不同。在 Firefox 中，它是一个 InternalError；在 Safari
和 Chrome 中，它是一个 RangeError；在 Internet Explorer中抛出一个一般性的 Error类型。（Opera 不抛出
错误；它终止 JavaScript引擎）。这使得我们能够在 JavaScript 中正确处理这些错误：
try {
　　recurse();
} catch (ex){
　　alert("Too much recursion!");
}

　　如果不管它，那么这些错误将像其他错误一样冒泡上传（在 Firefox中，它结束于 Firebug 和错误终端；
在 Safari/Chrome 中它显示在 JavaScript 终端上），只有 Internet Explorer例外。IE 不会显示一个 JavaScript
错误，但是会弹出一个提示堆栈溢出信息的对话框。

　　大多数调用栈错误与递归有关。常见的栈溢出原因是一个不正确的终止条件，所以定位模式
错误的第一步是验证终止条件。如果终止条件是正确的，那么算法包含了太多层递归，为了能够安全地在
浏览器中运行，应当改用迭代，制表，或两者兼而有之。

　　任何可以用递归实现的算法都可以用迭代实现。迭代算法通常包括几个不同的循环，分别对应算法过程

的不同方面，也会导致自己的性能为题。但是，使用优化的循环替代长时间运行的递归函数可以提高性能，
因为运行一个循环比反复调用一个函数的开销要低。

优化递归的方案 制表

　　一个经典的案例：

 function factorial(n){
  if (n == 0){
    return 1;
  } else {
    return n * factorial(n-1);
  }
} 

var fact6 = factorial(6); //factorial 计算阶乘
var fact5 = factorial(5);
var fact4 = factorial(4); 

　　此代码生成三个阶乘结果，factorial()函数总共被调用了 18次。此代码中最糟糕的部分是，所有必要的
计算已经在第一行代码中执行过了。因为 6 的阶乘等于 6乘以 5 的阶乘，所以 5的阶乘被计算了两次。更
糟糕的是，4的阶乘被计算了三次。更为明智的方法是保存并重利用它们的计算结果，而不是每次都重新
计算整个函数。比如这样：

 function memfactorial(n){
  if (!memfactorial.cache){
    memfactorial.cache = {
      "0": 1,
      "1": 1
    };
  }
  if (!memfactorial.cache.hasOwnProperty(n)){
    memfactorial.cache[n] = n * memfactorial (n-1);
  }
  return memfactorial.cache[n];
}

　　var fact6 = memfactorial(6);
　　var fact5 = memfactorial(5);
　　var fact4 = memfactorial(4);

 //总共只调用 memfactorial()函数八次

这样未免太过于繁琐，如果把制表的过程封装起来比如这样：

 function memoize(fundamental, cache){
  cache = cache || {};
  var shell = function(arg){
    if (!cache.hasOwnProperty(arg)){
      cache[arg] = fundamental(arg);
    }
    return cache[arg];
  };
  return shell;
} 

 //memoize the factorial function
var memfactorial = memoize(factorial, { "0": 1, "1": 1 });
//call the new function
var fact6 = memfactorial(6);
var fact5 = memfactorial(5);
var fact4 = memfactorial(4); 

需要提醒的是：当一个通用制表函数存在显著性能问题时，最好在这些函数中人工实现制表法。

最后：运行的代码总量越大，使用这些策略所带来的性能提升就越明显。 代码全是copy书上的，所以强烈建议直接去看书而不是看我罗里吧嗦的几个字总结。

下一章将学习字符串和正则表达式很期待。