前端如何计算js代码执行时长

前端代码调试、优化的时候，需要知道某段代码所消耗的时长，有好几种方法，这里介绍最简单，最常用的一种 console.time() 和 console.timeEnd()

console.time()– 使用输入参数的名称启动计时器。在给定页面上最多可以同时运行 10,000 个计时器。

console.timeEnd()– 停止指定的计时器并记录自启动以来经过的时间（以毫秒为单位）。

可以用这两个函数计算代码执行的时间消耗

    let arr = new Array(1000).fill(0);
    console.time('foreach');
    arr.forEach(item => {
        console.log(item);
    });
    console.timeEnd('foreach'); 

打印结果如下：

如果不传参数的话，会默认使用default

    let arr = new Array(1000).fill(0);
    console.time(); // 这里不传参数，就使用default
    arr.forEach(item => {
        console.log(item);
    });
    console.timeEnd(); 

结果如下：