console.time() 与 console.timeEnd()

console.time方法是开始计时,console.timeEnd是停止计时,输出脚本执行的时间。这两个方法中都可以传入一个参数,作为计时器的名称,主要测试JavaScript性能。对console.timeEnd的调用会立即输出执行总共消耗的时间,单位是毫秒。

 console.time('time'); //测试开始
 //执行一些代码
 console.timeEnd('time'); //测试结束

开始的名字要和结束的名字一致

但有时候会碰到下面的代码,明明是延迟调用 ,但测试显示用时都在0.06毫秒左右。

function f1(){
 	console.time('time span')
}
function f2(){
 	console.time('time span')
}
setTimeout (f1,100)
setTimeout (f2,200)
function waitForms(n){
 	var now = Date.now()
	while (Date.now() - now <n){}
}
waitForms(500)

//输出结果会在 2-0毫秒之间 比如 0.066毫秒

在调用setTimeout,代码会把这两个计时添加到栈里面且是并列关系,在往下执行 waitForms函数时有个500毫秒的延时导致代码发生堵塞,等500毫秒延时走完,两个setTimeout计时早就已经结束了,堵塞清掉同时执行代码setTimeout,这时测试计算用时相当于同时发生。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值