利用console进行简单的js性能测试

本文介绍如何利用JavaScript的console.time及console.timeEnd方法来测量特定函数的执行时间,并通过一个具体的示例展示了如何使用这些方法来评估函数add的执行效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

此博客仅供个人学习做参考,不做他用,引用请附加原文链接。

知识点:console.time(timeName);

console.timeEnd(timeName);

不懂的可以复制链接 ,查看官方API文档 https://developer.mozilla.org/zh-CN/docs/Web/API/Console/time

上代码:
<script type="text/javascript">
function add(){
for(var i = 0,n=10; i < 1000; i++){
n = n + 10;
}
}

console.time("add");
add();
console.timeEnd("add");
</script>
在浏览器中运行以上代码后会看到如下图所示结果:


timeName参数即为add:
执行一次add函数所花费的时间大致为0.19775390625ms(大致一词是因为多次执行每次的执行时间不一样)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值