避免 setInterval 栈内存泄露的例子

以下是一个避免 `setInterval` 栈内存泄露的示例：

function startInterval() {
  let count = 0;

  const intervalId = setInterval(() => {
    console.log(count++);
  }, 1000);

  return intervalId;
}

function stopInterval(intervalId) {
  clearInterval(intervalId);
}

const intervalId = startInterval();

// 在不需要定时器时，及时清除它
setTimeout(() => {
  stopInterval(intervalId);
}, 5000);

在上面的示例中，`startInterval` 函数启动了一个 `setInterval` 定时器，并返回了该定时器的 ID。在 `stopInterval` 函数中，可以使用 `clearInterval` 函数停止该定时器。

在使用 `setInterval` 时，应该避免将 `setInterval` 定时器的 ID 存储在一个变量中，并在回调函数中使用该变量。这样会导致定时器的回调函数在调用栈中一直存在，直到定时器被清除或页面被关闭，从而导致栈内存泄漏。相反，应该在 `setInterval` 的回调函数中直接使用函数的返回值，即定时器的 ID，并将其传递给 `clearInterval` 函数来停止定时器。

另外，在不需要定时器时，应该及时清除它，以避免不必要的内存占用。在上面的示例中，使用 `setTimeout` 函数在 5 秒后清除定时器。

总的来说，为了避免 `setInterval` 栈内存泄露，应该避免将定时器的 ID 存储在变量中，并在回调函数中使用该变量。此外，还应该在不需要定时器时及时清除它。