领先的免费Web技术教程,涵盖HTML到ASP.NET

网站首页 > 知识剖析 正文

JS中如何查看一个方法的执行时间(js中如何查看一个方法的执行时间)

nixiaole 2024-11-17 00:23:37 知识剖析 39 ℃

前端开发用户一般会测试一个方法的执行时间做性能优化,我一般常用的有两个,今天分享一下,希望可以帮助到需要的朋友;

方法1:

这个方法是执行函数时获取当前时间,等执行完后再获取一个当前时间,然后结束时间减开始时间,就是执行的毫秒数;

let a = new Array();
    a.length = 100000000;
    function f1() {
        var start = new Date().getTime(); // 起始时间
        a.forEach(item => {
        })
        var end = new Date().getTime(); // 结束时间
        console.log((end - start) + 'ms')
    }
    f1()

方法2:

这个方法时JS自身就用的,专门用来测试方法执行时间用的,在开始的时候使用console.time(“起一个名字”),然后再结束后再使用console.timeEnd(“与开始的名字相同”);方法执行完成后就会在控制台打印出执行时长;

 let a = new Array();
    a.length = 100000000;

    function f1() {
        console.time('test')
        a.forEach(item=>{
        })
        console.timeEnd('test')
    }

    f1()

关注收藏不迷路

Tags:

最近发表
标签列表