如何检测和停止用户提供的 JavaScript 代码中的无限循环？

Question

我正在为游戏编写浏览器内代码编辑器。 编辑器将允许用户编写自己的 JavaScript 文件，然后将这些文件加载​​到运行编辑器的同一个 DOM 中。 这将允许他们在代码旁边的画布元素中查看游戏，并在每次保存时更新它。

该编辑器面向 JavaSript 的新手，很容易不小心陷入无限循环。 如果可能，我想设置我的编辑器，如果循环执行的次数过多或过快，循环就会中断，并且会弹出一条消息，提醒用户他们有一个无限循环。

这对于新手来说是理想的，因为如果整个编辑器突然崩溃，他们可能没有意识到他们的错误是什么，并认为这是我的编辑器的问题。

如何在我的编辑器中实现自动停止无限循环的故障保护？

Answer 1

处理用户提交代码中潜在无限循环的最佳方法是预编译代码以在代码中插入监控功能。 这称为检测， Codepen 对此进行了详细解释。

例如，来自用户的以下代码...：

for (var i = 0;; i++) {
  console.log("hello for loop.");
}

console.log("We'll never reach this line of code");

......会像这样被检测：

for (var i = 0;; i++) {
    if (window.CP.shouldStopExecution(1)) {
        break;
    }
    console.log('hello for loop.');
}

console.log('finished because we broke out of the loop');