BFE.devAI解答 - JavaScript 代码题
28. 实现clearAllTimeout()

思路：

我们需要用一个数组来保存所有的 timerId，然后在 clearAllTimeout() 中遍历数组，利用 clearTimeout() 将所有的 timer 取消即可。

代码实现：

let timerIds = [];

// 重写 setTimeout 方法
window.setTimeout = function(func, delay) {
  let timerId = window.oldSetTimeout(func, delay);
  timerIds.push(timerId);
  return timerId;
};

// 重写 clearTimeout 方法
window.clearTimeout = function(timerId) {
  window.oldClearTimeout(timerId);
  timerIds = timerIds.filter(id => id !== timerId);
};

// 实现 clearAllTimeout 方法
function clearAllTimeout() {
  timerIds.forEach(id => window.oldClearTimeout(id));
  timerIds = [];
}

解释：

我们首先先创建一个空数组 timerIds 来保存所有的 timerId。然后我们重写了 setTimeout() 和 clearTimeout() 方法。在 setTimeout() 中，我们先调用原生的 setTimeout() 方法获取到返回的 timerId，然后将其加入到 timerIds 数组中，最后返回 timerId 值。在 clearTimeout() 中，我们先调用原生的 clearTimeout() 方法取消掉这个 timer，然后在 timerIds 中过滤掉这个 timerId。

最后我们实现 clearAllTimeout() 方法，在其中遍历 timerIds 数组，并调用原生的 clearTimeout() 方法将其全部取消，最后将 timerIds 数组清空即可。

总结：

通过对原生的 setTimeout() 和 clearTimeout() 重写，并在其中通过一个数组保存所有的 timerId，则可以实现 clearAllTimeout() 方法来取消掉所有未执行的 timer。