Js利用console计算代码运行时间的方法示例

当我们需要测试我们写的代码的运行时间以找到性能瓶颈时，可以使用JavaScript中的console对象来帮助我们计算代码运行的时间。下面是使用console计算代码运行时间的方法示例及其详细攻略：

显式地调用console.time()方法和console.timeEnd()方法

console.time()方法可以起到计时的作用，它需要传入一个唯一的标识符作为参数，用于区分计时器。而console.timeEnd()方法可以终止之前以该标识符进行的计时，并输出该计时器的时间。

下面是一个使用console.time()方法和console.timeEnd()方法计算代码运行时间的示例：

console.time('test'); // 开始计时，设置计时器名称为'test'
for (let i = 0; i < 1000000; i++) {
  // 执行一百万次的空循环
}
console.timeEnd('test'); // 终止计时，输出计时器'test'的时间

执行以上代码后，会在控制台中输出计时器'test'的运行时间，例如：'test: 3.082ms'。

使用高阶函数计算代码运行时间

除了可以使用console.time()方法和console.timeEnd()方法计算代码的运行时间外，我们还可以使用一个高阶函数来帮助我们计算代码的运行时间。

这个高阶函数是一个接受函数作为参数的函数，它会先计算代码的运行时间，然后再执行传入的函数。

下面是一个使用高阶函数计算代码运行时间的示例：

function timed(fn) {
  return function(...args) {
    console.time(fn.name);
    const result = fn(...args);
    console.timeEnd(fn.name);
    return result;
  };
}

const fibonacci = (n) => {
  if (n <= 2) {
    return 1;
  } else {
    return fibonacci(n - 1) + fibonacci(n - 2);
  }
};

const timedFibonacci = timed(fibonacci);
console.log(timedFibonacci(40));

执行以上代码后，会在控制台中输出'fibonacci: xxxxxms'，其中xxxxxms代表计算斐波那契数列第40项的时间。使用这个方法，我们可以计算任何函数的运行时间，而不必像console.time()方法和console.timeEnd()方法一样手动设置标识符。