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