通过循环中的Promise实现的JavaScript睡眠功能-前端问题

javascript sleep function by Promise in loop(通过循环中的Promise实现的JavaScript睡眠功能)

本文介绍了通过循环中的Promise实现的JavaScript睡眠功能的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我打算在Firefox中打开一系列URL，每个URL应该在10分钟内一个接一个地打开，以下是我的代码应该在Firebug控制台中执行：

function sleep (time) {
    return new Promise((resolve) => setTimeout(resolve, time));
}
var urls = ["https://www.google.com/","https://www.bing.com/","https://www.reddit.com/"];
for(var i = 0; i < urls.length; i++)
    sleep(600000 * i).then(() => {
    window.open(urls[i]); 
})

但它不起作用，有人能帮我吗？谢谢~

推荐答案

Sleep函数正在异步执行，并且for循环在执行任何sleep调用之前已完成。

因此，for循环的最后一个值将是3，window.open函数将接收urls[3]的value作为参数。

看一看：

数据-lang="js"数据-隐藏="假"数据-控制台="真"数据-巴贝尔="假">

function sleep (time) {
    return new Promise((resolve) => setTimeout(resolve, time));
}
var urls = ["https://www.google.com/","https://www.bing.com/","https://www.reddit.com/"];
for(var i = 0; i < urls.length; i++)
    sleep(600*i).then(() => {
    console.log(i); 
})

一种解决方案是使用let关键字。

若要使用i变量的封闭值，应使用let关键字。

function sleep (time) {
    return new Promise((resolve) => setTimeout(resolve, time));
}
var urls = ["https://www.google.com/","https://www.bing.com/","https://www.reddit.com/"];
for(let i = 0; i < urls.length; i++)
    sleep(6000*i).then(() => {
    window.open(urls[i]); 
})

jsFiddle solution.

这篇关于通过循环中的Promise实现的JavaScript睡眠功能的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！