详解JS中统计函数执行次数与执行时间

首先我们需要明确一下，统计函数执行次数和执行时间是一个常见的需求，它有助于我们优化代码，找到潜在的性能瓶颈，提高应用程序的性能。那么，在JS中如何统计函数执行次数和执行时间呢？

统计函数执行次数

我们可以定义一个计数器来记录函数执行的次数。例如，下面的代码演示了如何统计函数foo的执行次数：

let count = 0;

function foo() {
  // 函数实现
  count++;
}

foo();  // 执行函数并让计数器自增
console.log('foo执行次数:', count);

在这个示例中，我们定义了一个变量count存储函数foo的执行次数，每当foo函数被调用时，计数器自增1。最后，我们打印出计数器的值，即函数foo的执行次数。

当然，如果我们需要统计多个函数的执行次数，可以将计数器放在一个对象中，用函数名作为键值。例如：

const counter = {};

function foo() {
  // 函数实现
  if (counter['foo']) {
    counter['foo']++;
  } else {
    counter['foo'] = 1;
  }
}

function bar() {
  // 函数实现
  if (counter['bar']) {
    counter['bar']++;
  } else {
    counter['bar'] = 1;
  }
}

foo();  // 执行函数
bar();  // 执行函数
bar();  // 执行函数
console.log('函数执行次数:', counter);

在这个示例中，我们定义了一个对象counter，用来存储每个函数的执行次数。在函数的实现中，如果counter对象中已经存在函数名对应的键值，就将其值自增1；否则，将函数名作为键值添加到counter对象中，并初始化值为1。最后，我们打印出counter对象，即可查看每个函数的执行次数。

统计函数执行时间

要统计函数执行时间，我们需要使用JS提供的performance对象，它封装了一种高精度计时器，可以精确地计算出代码执行的时间。我们来看一个例子：

function foo() {
  console.log('foo执行...');
}

function bar() {
  console.log('bar执行...');
}

console.time('执行时间');
foo();  // 执行函数
bar();  // 执行函数
console.timeEnd('执行时间');

在这个示例中，console.time()函数开始计时，并将计时器标识为执行时间；console.timeEnd()函数结束计时，并将计时结果输出到控制台。在执行结果中，我们可以看到两个函数的执行日志，以及它们的总执行时间。

当然，如果我们需要统计某个函数的执行时间，可以将其放在console.time()和console.timeEnd()之间。例如：

function foo() {
  console.log('foo执行完成');
}

console.time('foo执行时间');
foo();  // 执行函数
console.timeEnd('foo执行时间');

在这个示例中，我们定义了函数foo，然后在函数执行前调用了console.time('foo执行时间')，开始计时；在函数执行后调用了console.timeEnd('foo执行时间')，结束计时。最后，在控制台输出了函数的执行日志以及执行时间。