清除for循环设置的所有setTimeout未按预期工作

问题描述：清除for循环设置的所有setTimeout未按预期工作

解答： 这个问题通常出现在使用for循环设置多个setTimeout时，由于JS的事件循环机制，setTimeout函数会在循环结束后才执行，导致清除setTimeout时出现问题。

解决这个问题的方法有以下几种：

1. 使用闭包解决： 在for循环中使用立即执行函数（IIFE）创建一个闭包，确保每个setTimeout函数都有一个独立的作用域，并且能正确访问到循环变量的值。具体代码如下：

for (var i = 0; i < 10; i++) {
  (function (j) {
    setTimeout(function () {
      // 在这里编写需要延迟执行的代码
    }, j * 1000);
  })(i);
}

使用闭包的好处是每个setTimeout函数都有自己的作用域，可以正确地访问到循环变量的值。

1. 使用let关键字解决： 使用ES6引入的let关键字可以创建一个块级作用域的变量，在每次循环时都创建一个新的变量。具体代码如下：

for (let i = 0; i < 10; i++) {
  setTimeout(function () {
    // 在这里编写需要延迟执行的代码
  }, i * 1000);
}

使用let关键字声明的变量具有块级作用域，在每次循环时都会创建一个新的变量，解决了循环变量共享的问题。

1. 使用Promise解决： 可以使用Promise来处理延迟执行的代码，确保代码按照预期顺序执行。具体代码如下：

function delay(timeout) {
  return new Promise(function (resolve) {
    setTimeout(function () {
      resolve();
    }, timeout);
  });
}

function doAsync() {
  return delay(1000).then(function () {
    // 在这里编写需要延迟执行的代码
  });
}

var promise = Promise.resolve();

for (var i = 0; i < 10; i++) {
  promise = promise.then(doAsync);
}

使用Promise可以确保延迟执行的代码按照预期顺序执行，避免了for循环中的setTimeout出现问题。

对于清除for循环设置的所有setTimeout的问题，可以使用以上三种方法解决。每种方法都有其特点和适用场景，根据具体情况选择合适的方法。