
如何在javascript中从外部中断for循环的执行?
在javascript单线程的环境中,同步for循环一旦开始执行,就无法通过内部变量从外部中断。不过,我们可以通过异步的方式来实现从外部中断for循环。
解决方案:异步for循环
使用promise和async/await语法,我们可以创建异步for循环:
AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。它不是新的编程语言,而是一种使用现有标准的新方法,最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容,不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。《php中级教程之ajax技术》带你快速
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,这将触发循环在下一个迭代中终止。









