通过循环中的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睡眠功能的教程就到这里就结束了，希望趣模板源码网找到的这篇技术文章能帮助到大家，更多技术教程可以在站内搜索。