如何实现无调用栈溢出的JavaScript无限递归函数？

你的代码之所以触发RangeError: Maximum call stack size exceeded，是因为虽然func1被标记为async，但你是同步递归调用它——每次调用都会直接在当前调用栈上添加新的栈帧，没有给JavaScript引擎机会清空栈，最终栈的深度超过上限就报错了。

要实现无栈溢出的永久运行，你需要让每次函数调用都进入下一轮事件循环，避免栈帧累积，具体可以这样改：

方案1（Node.js环境推荐） #

用setImmediate把递归调用推迟到下一轮事件循环：

class mainController{
    static async func1() {
        console.log('Running the Function');
        // 让调用进入下一个事件循环周期，当前栈会被清空
        setImmediate(() => mainController.func1());
    }
}

方案2（通用浏览器/Node.js） #

用setTimeout也能达到同样效果：

class mainController{
    static async func1() {
        console.log('Running the Function');
        setTimeout(() => mainController.func1(), 0);
    }
}

方案3（Node.js专用） #

process.nextTick同样可以，它会在当前操作完成后、事件循环其他阶段前执行，不会累积栈：

class mainController{
    static async func1() {
        console.log('Running the Function');
        process.nextTick(() => mainController.func1());
    }
}

这些方式本质上是用事件循环替代了传统递归，每次调用都是独立的栈帧，所以不会出现栈溢出问题，完全可以用来实现守护进程这类需要持续运行的任务。

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