通过循环中的Promise实现的JavaScript睡眠功能

本教程将介绍通过循环中的Promise实现的JavaScript睡眠功能的处理方法,这篇教程是从别的地方看到的,然后加了一些国外程序员的疑问与解答,希望能对你有所帮助,好了,下面开始学习吧。

通过循环中的Promise实现的JavaScript睡眠功能 教程 第1张

问题描述

我打算在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循环的最后一个值将是3window.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睡眠功能的教程就到这里就结束了,希望趣模板源码网找到的这篇技术文章能帮助到大家,更多技术教程可以在站内搜索。