关于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");

 

posted @ 2015-09-04 16:15  williamcai  阅读(19814)  评论(0编辑  收藏  举报