通过循环中的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.