本章节介绍一下如何调试javascript代码的性能,方式都非常的简单,有需要的朋友可以借鉴一下。

测试方式一:

就是反复执行同一个操作,然后计算出执行的花费总时间,然后再求出平均每一次执行的时间。

代码实例:
   [ bootstrap ] 运行代码    下载代码
<script>
var totalTime,
    start=new Date,
    iterations=160000;
while (iterations--){
}
totalTime=new Date - start;
console.log(totalTime);
</script>
上面的代码实现了我们的要求。

特别说明一点,如果时间对象进行算数运算,那么时间对象会转换为时间戳然后再进行算数运算。

相关阅读:

1.while语句可以参阅javascript While循环语句一章节。

2.时间戳可以参阅javascript getTime()一章节。

测试方式二:

其实和上面的方式的大同小异。

就是测试在单位时间内执行指定操作的次数。

代码如下:
   [ bootstrap ] 运行代码    下载代码
<script>
var hz,
    period,
    startTime=new Date,
    runs=0;
do{
  runs++;
  totalTime=new Date-startTime;
} 
while(totalTime<1000);
totalTime /= 1000;
period=totalTime / runs;
hz=1/period;
</script>

代码描述:javascript调试性能 两种方式。javascript调试性能两种方式代码实例



115 153



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册



×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到