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，这将触发循环在下一个迭代中终止。

以上就是JavaScript中如何异步中断for循环的执行？的详细内容，更多请关注硕下网其它相关文章！