如何在 JavaScript 中迭代回调 n 次？

在 JavaScript 中，我们经常需要对某个操作进行多次循环，这时候使用迭代回调就是一个不错的选择。那么如何在 JavaScript 中迭代回调 n 次呢？本文将向大家介绍三种实现方法。

方法一：使用 for 循环

最简单直接的方法是使用 for 循环，通过迭代实现多次回调：

function repeatCallback(n, callback) {
  for (var i = 0; i < n; i++) {
    callback(i);
  }
}

repeatCallback(5, function(i) {
  console.log("执行回调第" + (i + 1) + "次");
});

输出结果：

执行回调第1次
执行回调第2次
执行回调第3次
执行回调第4次
执行回调第5次

方法二：使用递归实现迭代

我们也可以使用递归实现迭代回调，不过需要注意递归的函数必须调用自身来实现迭代。

function repeatCallback(n, callback) {
  var iterate = function(i) {
    if (i < n) {
      callback(i);
      iterate(i + 1);
    }
  };
  iterate(0);
}

repeatCallback(5, function(i) {
  console.log("执行回调第" + (i + 1) + "次");
});

输出结果：

执行回调第1次
执行回调第2次
执行回调第3次
执行回调第4次
执行回调第5次

方法三：使用 ES6 的递归实现

如果你使用了 ES6，那么这个问题就变得更加简单了，我们可以利用 ES6 的新语法实现递归：

const repeatCallback = (n, callback) => {
  const iterate = (i) => {
    if (i < n) {
      callback(i);
      iterate(i + 1);
    }
  };
  iterate(0);
};

repeatCallback(5, (i) => {
  console.log(`执行回调第${i + 1}次`);
});

输出结果：

执行回调第1次
执行回调第2次
执行回调第3次
执行回调第4次
执行回调第5次

通过以上三种方式，我们可以看到如何在 JavaScript 中迭代回调 n 次。