JavaScript中函数执行完成后无限调用的实现方法？含示例函数重复执行方案

嘿，我来帮你理清这两个JavaScript的调用问题～

要实现函数执行完就自动无限调用，核心思路是让函数在自身执行完毕后触发下一次调用，分两种场景处理：

同步函数的情况 #

如果你的函数是同步执行（没有异步操作，比如定时器、网络请求），最简单的方式是在函数末尾直接递归调用自己：

function loopFunction() {
  // 这里写你的同步业务逻辑
  console.log("同步函数执行中...");
  // 执行完成后立即调用自己
  loopFunction();
}
// 启动第一次调用
loopFunction();

⚠️ 注意：这种同步递归会持续占用调用栈，执行一段时间后可能触发栈溢出错误。如果要避免这个问题，可以用setTimeout或requestAnimationFrame把下一次调用放到事件循环里，让栈有机会清空：

function loopFunction() {
  console.log("异步调度的函数执行中...");
  // 用setTimeout让下一次调用进入下一个事件循环
  setTimeout(loopFunction, 0);
}
loopFunction();

异步函数的情况 #

如果函数里包含异步操作（比如API请求、定时器），必须等异步操作完成后再触发下一次调用，否则会导致逻辑混乱：

function asyncLoopFunction() {
  // 模拟异步业务逻辑：比如请求数据
  fetch('/some-api')
    .then(response => response.json())
    .then(data => {
      console.log("异步操作完成，拿到数据：", data);
      // 异步操作完成后，再调用自己
      asyncLoopFunction();
    })
    .catch(err => {
      console.error("请求出错：", err);
      // 出错后也可以选择继续调用，或者停止
      asyncLoopFunction();
    });
}
asyncLoopFunction();

对于你定义的function start(callback) { //do stuff callback() }，要反复调用它，关键是把「再次调用start」作为回调函数传进去，这样每次start执行完callback()时，就会触发下一次start调用。

基础实现（同步场景） #

如果start内部的//do stuff是同步逻辑，直接递归传入回调即可：

function start(callback) {
  // 模拟同步业务逻辑
  console.log("start函数执行中...");
  callback();
}

// 方式一：定义命名回调函数
function repeatStart() {
  start(repeatStart);
}
// 启动第一次调用
repeatStart();

// 方式二：更简洁的匿名递归写法
start(function repeat() {
  start(repeat);
});

异步场景适配 #

如果start内部的//do stuff是异步操作，一定要确保callback()是在异步操作完成后才调用的（否则会跳过异步逻辑直接重复调用）。比如修改后的start：

function start(callback) {
  // 模拟异步业务逻辑
  setTimeout(() => {
    console.log("start的异步操作完成");
    // 异步操作结束后才调用回调
    callback();
  }, 1000);
}

// 同样用递归回调实现反复调用
start(function repeat() {
  start(repeat);
});

可选：添加停止开关 #

如果需要随时停止无限调用，可以加一个控制变量：

let isRunning = true;

function start(callback) {
  if (!isRunning) return;
  console.log("start执行中...");
  setTimeout(() => {
    callback();
  }, 1000);
}

start(function repeat() {
  if (isRunning) {
    start(repeat);
  }
});

// 比如5秒后停止调用
setTimeout(() => {
  isRunning = false;
  console.log("停止调用start");
}, 5000);

内容的提问来源于stack exchange，提问作者Eric Chu