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

Question

<分区>

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，因为内部函数会重新绑定(bind)它。

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