自调用命名函数在.each循环中结果指数级倍增问题排查

这种指数级膨胀的bug真的很让人头大，我之前排查类似问题的时候也绕了不少弯路，咱们从几个核心点拆解一下：

1. 递归触发逻辑无限制，导致嵌套调用爆炸 #

最常见的原因就是你在jQuery.each循环里，对每个应用元素都触发了一次自调用函数。举个例子：

• 第一次调用函数，遍历了N个应用，每个应用都再次调用函数，瞬间就产生了N次新的调用
• 第二次的每个调用又会遍历N个应用，再触发N次调用，总数就变成了N²
• 第三次就是N³，完全符合你说的指数级倍增

解决办法：

• 给递归加明确的终止条件，比如只有当某个应用状态异常需要重试时，才触发下一次检查，而不是每个元素都触发
• 不要在each循环内部直接调用自函数，而是在整个循环结束后，根据整体结果决定是否触发下一轮检查（比如还有未就绪的应用时才重试）

2. app_rows变量的作用域或初始化时机错误 #

如果你把app_rows定义在函数外部（全局/闭包外层），那每次递归调用都会往同一个数组里追加数据，而不是清空重来。哪怕你在函数里尝试清空，也可能因为递归的嵌套执行顺序，导致清空操作没生效。

正确的做法：
把app_rows放在自调用函数的内部，每次调用函数时都重新初始化：

(function checkAppStatus() {
  // 每次调用都创建新的数组，彻底避免数据累加
  let app_rows = [];

  $('.app-row').each(function() {
    // 收集每个应用的状态到app_rows
    app_rows.push({
      id: $(this).data('app-id'),
      status: $(this).find('.status').text()
    });
  });

  // 处理app_rows的结果
  console.log('当前应用状态:', app_rows);

  // 只有当需要继续检查时，才触发下一轮（比如存在未就绪的应用）
  const hasPendingApp = app_rows.some(item => item.status === 'pending');
  if (hasPendingApp) {
    // 用setTimeout延迟调用，避免同步递归导致栈溢出，同时控制检查频率
    setTimeout(checkAppStatus, 1500);
  }
})();

3. 缺乏并发控制，导致多个函数实例同时运行 #

如果递归调用没有延迟或锁机制，可能会出现多个checkAppStatus实例同时执行的情况，每个实例都在收集数据，最终结果自然会叠加。

解决办法：
加一个锁变量，确保同一时间只有一个检查流程在运行：

let isChecking = false;

(function checkAppStatus() {
  // 如果正在检查，直接返回，避免并发
  if (isChecking) return;
  isChecking = true;

  let app_rows = [];
  $('.app-row').each(function() {
    // 收集状态逻辑
  });

  // 处理结果
  console.log(app_rows);

  // 延迟解锁并触发下一轮检查
  setTimeout(() => {
    isChecking = false;
    checkAppStatus();
  }, 2000);
})();

核心总结下来，问题本质是递归的触发逻辑没有做限制，加上变量作用域或并发控制的缺失，导致每次调用都在重复叠加数据和调用次数。按照上面的思路调整，应该就能解决指数倍增的问题了。

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