關於javascript代碼執行時間的計算

最近看了《高性能Javascript》一書，發現了幾個計算代碼執行時間的方法，感覺還挺有用的。

以前我們要計算程序，函數的執行之間，通常是在代碼執行前后加入時間戳，兩者的差值即為執行時間，如下：

var count=1000;
var begin=new Date();
for(var i=0;i<count;i++){
document.createElement("div");
}
var end=new Date();
var time=end-begin;
console.log("time is="+time);

這樣確實能夠顯示代碼執行時間，但是計算其他的代碼要重復寫時間戳，有必要寫一個對象封裝執行過程，先新建一個Timer,

var Timer={
  data:{},
  start:function(key){
    Timer.data[key]=new Date();
  },
  stop:function(key){
    var time=Timer.data[key];
    if(time)
    Timer.data[key]=new Date()-time;
  },
  getTime:function(){
    return Timer.data[key];
  }
};
// test
Timer.start("div");
for(var i=0;i<count;i++){

document.createElement("div"); }
Timer.stop("div");
console.log("the time is:"+Timer.getTime());

這是我們定義的方法，只能顯示執行時間，不過chrome等主流瀏覽器的console,提供的方法不僅能夠顯示時間，還能夠定位某個函數。

代碼格式如下：

如果單純的計算時間，可以使用console.time(),過程如下：

console.time("XXX");

 <code></code>

console.timeEnd("XXX");

如果還需要一些其他的性能指標的話，可以使用console.profile,過程如下：

console.profile("XX");

<code></code>

console.profileEnd("XX");