javascript疑难问题---5、javascript代码执行时间的计算

一、总结

一句话总结：

我们可以用console.time('test')和console.timeEnd('test')来计算一段代码的运行时间，需要计算时间的代码放在这两个函数之间，函数参数'test'表示这个运行时间段的名字

求质数的优化
<script>
    console.time('test');
    for(var i=2;i<=10000;i++){
        var is_zhishu=true;
        for(var j=2;j<=Math.sqrt(i);j++){
            if(i%j==0){
                is_zhishu=false;
                break;
            }
        }
        //if(is_zhishu )console.log(i);
    }
    console.timeEnd('test');//test: 5.151123046875ms
</script>

二、javascript代码执行时间的计算（课程代码）

博客对应课程的视频位置：5、javascript代码执行时间的计算
https://www.fanrenyi.com/video/4/131

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>javascript代码执行时间的计算</title>
 6 </head>
 7 <body>
 8 <!--
 9 求 1-100里面所有的质数
10 遍历的时候 2-100
11 5 2-4
12 18 2-17
13 
14 1*18
15 3*9
16 -------平方根
17 9*3
18 18*1
19 
20 9
21 1*9
22 3*3
23 9*1
24 
25 24
26 2
27 4
28 
29 
30 计算js代码执行的时间
31 console.time('test');
32 console.timeEnd('test');
33 
34 -->
35 <script>
36 console.time('test');
37 for(var i=2;i<=10000;i++){
38     var is_zhishu=true;
39     for(var j=2;j<i;j++){
40         if(i%j==0){
41             is_zhishu=false;
42         }
43     }
44     //if(is_zhishu )console.log(i);
45 }
46 console.timeEnd('test');//test: 243.820068359375ms
47 </script>
48 
49 <!--求质数的优化-->
50 <!--<script>-->
51 <!--    console.time('test');-->
52 <!--    for(var i=2;i<=10000;i++){-->
53 <!--        var is_zhishu=true;-->
54 <!--        for(var j=2;j<=Math.sqrt(i);j++){-->
55 <!--            if(i%j==0){-->
56 <!--                is_zhishu=false;-->
57 <!--                break;-->
58 <!--            }-->
59 <!--        }-->
60 <!--        //if(is_zhishu )console.log(i);-->
61 <!--    }-->
62 <!--    console.timeEnd('test');//test: 5.151123046875ms-->
63 <!--</script>-->
64 </body>
65 </html>

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

转自或参考：关于javascript代码执行时间的计算
https://www.cnblogs.com/williamcai/p/4781875.html

以前我们要计算程序，函数的执行之间，通常是在代码执行前后加入时间戳，两者的差值即为执行时间，如下：

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

console.timeEnd("XXX");

如果还需要一些其他的性能指标的话，可以使用console.profile,过程如下：

console.profile("XX");

console.profileEnd("XX");