javascript - 如何在 JavaScript 中暂停函数？

Question

我在 JavaScript 中有一个很长的函数，我将在某些时候暂停它。我知道我可以使用setTimeout(myFunction, 100)and来做到这一点clearTimeout()。但是，据我所知，在使用setTimeout(myFunction, 100)我的函数后，它将在 100 毫秒后从其第一行执行，此后每 100 毫秒执行一次。我想知道我是否可以在第 50 行暂停我的功能，然后在第 51 行之后立即恢复它。这可能吗？

Answer 1

这是一种方法。确保您需要始终作为作用域的所有变量都在外部函数中声明。由于 Javascript 范围规则，它们可以在每个子功能中访问。

function paused() {
  // Define variables you'll need throughout the function.
  var var1, var2, var3;

  // First part of the function
  function part1() {
    // 50 lines
  }

  // Second part of the function
  function part2() {
    // 50 lines
  }

  setTimeout(part1, 0);
  setTimeout(part2, 100);
}

假设有很多部分，甚至可以将超时放入一个循环中：

function paused() {
  // Define variables you'll need throughout the function.
  var var1, var2, var3;

  // All function parts.
  var parts = [
    function() {
      // 50 lines
    },
    function() {
      // 50 lines
    },
    function() {
      // 50 lines
    }
    // More?
  ];

  for (var i = 0; i < parts.length; i++) {
    setTimeout(parts[i], i * 100);
  }
}

确保谨慎使用this，因为内部函数会重新绑定它。

请注意，由于 Javascript 事件队列的工作方式，全局函数将始终按顺序执行暂停的部分，无论每个单独的部分是否花费超过 100 毫秒。当事件队列看到多个 setTimeout 有资格同时执行时，首先排队的那个优先。

Answer 2

你很困惑setTimeout和setInterval。

然而，这是完全不可能的。

相反，您需要将其分解为两个函数，并使用setTimeout.

根据您实际尝试做的事情，承诺可能会有所帮助。