JavaScript中如何异步中断for循环的执行？

如何在JavaScript中从外部中断for循环的执行？

在javascript单线程的环境中，同步for循环一旦开始执行，就无法通过内部变量从外部中断。不过，我们可以通过异步的方式来实现从外部中断for循环。

解决方案：异步for循环

使用promise和async/await语法，我们可以创建异步for循环：

const sleep = (time) => new promise(resolve => setTimeout(resolve, time)) let globalBreak = false async function startFor() {     for (let i = 0; i <= 10; i++) {         await sleep(1000)         if (globalBreak) { break }         console.log('i:' + i)     } }  startFor() setTimeout(function() {    globalBreak = true }, 3000)

在这个示例中：

• sleep()函数是使用promise的settimeout()函数的一个包装器，它返回一个promise，该promise在指定时间后解析。
• startfor()函数是我们的异步for循环。它使用async/await语法，在每次迭代中等待sleep()函数解析，从而在循环迭代之间引入异步延迟。
• globalbreak变量是一个全局变量，用于从外部中断循环。如果globalbreak被设置为true，循环将终止。
• settimeout()函数用于在3秒后从外部中断循环。它将globalbreak变量设置为true，这将触发循环在下一个迭代中终止。