JavaScript外部中断for循环
JavaScript开发中，经常需要从外部中断for循环，尤其当循环内部执行耗时操作时，需要外部动态控制循环终止。例如，用户交互或外部事件触发时，停止正在运行的循环。
本文探讨一种常见场景：上层代码反复进入for循环，每次进入需清除之前的执行结果，因此需要外部取消正在运行的循环。
直接使用变量控制循环中断不可行：
let isbreak = false;
let progress = 0;
const listlength = 99999;
for (let i = 0; i < listlength; i++) {
if (isbreak) break;
progress++;
// ...耗时操作...
}
JavaScript是单线程的，for循环开始后，对isbreak的修改只有在for循环结束后才能生效，无法通过简单变量控制同步for循环中断。
立即学习“Java免费学习笔记（深入）”；
解决方案：使用异步for循环
为了实现外部中断，需将for循环转换为异步执行：
const sleep = (time) => new Promise(resolve => setTimeout(resolve, time));
let globalBreak = false;
async function startFor() {
for (let i = 0; i < 99999; i++) {
if (globalBreak) break;
// ...耗时操作...
await sleep(10); // 模拟耗时操作
}
console.log('循环结束');
}
startFor();
setTimeout(() => {
globalBreak = true;
console.log('外部中断');
}, 3000); // 3秒后中断
此例中，async/await实现异步for循环，globalBreak全局变量控制循环中断。setTimeout函数3秒后将globalBreak设为true，从而外部中断循环。 这使得外部中断for循环成为可能。 sleep函数模拟耗时操作，await等待其完成。
