JavaScript中循环内使用定时器需避免闭包陷阱：1.用let声明循环变量确保每次迭代独立；2.递归setTimeout实现稳定节拍；3.Promise+async/await模拟等待式循环；4.避免在循环中误用setInterval。
在 JavaScript 中，直接在循环里用 setTimeout 或 setInterval 容易因闭包或变量提升导致所有定时器同时触发或输出错误值。关键是要让每次迭代的定时器彼此独立、按预期节奏执行。
用 let 声明循环变量，避免闭包陷阱
使用 var 时，循环变量是函数作用域共享的，所有定时器读到的是循环结束后的最终值。改用 let 可为每次迭代创建独立绑定：
for (let i = 0; i < 3; i++) {
setTimeout(() => {
console.log('第', i + 1, '次执行'); // 正确输出：1、2、3
}, i * 1000);
}用递归 setTimeout 实现稳定节拍
相比 for + setTimeout，递归调用更可控，不易受事件循环延迟累积影响：
- 每次执行完当前任务，再设置下一次定时器
- 节奏由上一次执行完成时间起算，更接近“每秒一次”而非“从开始起第1/2/3秒执行”
- 便于中途停止（通过清除 timeout ID）
function runWithDelay(items, delay = 1000, index = 0) {
if (index >= items.length) return;
console.log('处理:', items[index]);
setTimeout(() => {
runWithDelay(items, delay, index + 1);
}, delay);
}
runWithDelay(['A', 'B', 'C']); // 每隔1秒依次输出用 Promise + async/await 模拟“等待式”循环
适合需要顺序等待、逻辑清晰的场景，写法接近同步代码：
立即学习“Java免费学习笔记（深入）”；
function wait(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
<p>async function loopWithDelay() {
const data = [1, 2, 3];
for (const item of data) {
console.log('处理:', item);
await wait(800); // 暂停800ms再继续下次循环
}
}
loopWithDelay();避免 setInterval 在循环中误用
setInterval 本身是重复执行，不建议嵌套在循环里（容易创建多个重叠定时器）。如需周期性执行，应单独启动：
- 若想“每秒检查一次数组是否处理完”，可用单个
setInterval配合外部状态标记 - 若想“逐个处理并间隔固定时间”，优先选递归
setTimeout或await wait() - 记得在不再需要时调用
clearInterval(id)防止内存泄漏
