关于javascript代码执行时间的计算

关于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 阅读( ...) 评论( ...) 编辑 收藏