【转】console.time和console.timeEnd用法

console.time和console.timeEnd用法

分享：

 

 

console.time和console.timeEnd这两个方法可以用来让WEB开发人员测量一个javascript脚本程序执行消耗的时间。随着WEB应用越来越重要，JavaScript的执行性能也日益受到重视，WEB开发人员知道一些性能测试机器是必须的。今天要介绍的console.time和console.timeEnd就是其中之一。

console.time方法是开始计算时间，console.timeEnd是停止计时，输出脚本执行的时间。

// 启动计时器
console.time('testForEach');

// (写一些测试用代码)

// 停止计时，输出时间
console.timeEnd('testForEach');


案例如下：

    const times = 1000000
    console.time('object')
    let body = document.body
    for(let i=0; i<times;i++){
      let tmp = body
    }
    console.timeEnd('object')

    console.log('----------')

    console.time('dom')
    for(let i=0; i<times;i++){
      let tmp = document.body
    }
    console.timeEnd('dom')

这两个方法中都可以传人一个参数，作为计时器的名称，它的作用是在代码并行运行时分清楚各个计时器。对console.timeEnd的调用会立即输出执行总共消耗的时间，单位是毫秒。

测试JavaScript性能的方法有很多，但console.time/timeEnd两个方法是最基本、最直接的技巧。

谢谢！

转自：https://www.webhek.com/post/console-time-console-timeend.html