js系列四十三: Promise.all和Promise.race

同名公众号 - 人生代码

于 2019-04-15 22:06:55 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： js系列四十三: Promise.all和Promise.race 大厂面试题：每天带你一道大厂面试题文章标签： js系列四十三: Promise.all和Promise.race

本文链接：https://blog.youkuaiyun.com/qq_36772866/article/details/89322195

大厂面试题：每天带你一道大厂面试题同时被 2 个专栏收录

144 篇文章 ¥79.90 ¥99.00

订阅专栏

超级会员免费看

js系列四十三: Promise.all和Promise.race

1 篇文章

订阅专栏

本文探讨了JavaScript中Promise.all和Promise.race的使用。Promise.all用于处理多个Ajax请求，当所有请求完成时才执行then方法。而Promise.race则在数组中的任一Promise状态改变时立即执行，提供了一种快速响应的解决方案。通过实例代码，展示了它们在并发操作中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Promise.all

当有一个Ajax请求时,他的参数需要另外两个甚至更多个请求都有返回值之后才能确定时,就需要用到Promise.all来帮助我们应对这个场景.

Promise.all接受一个Promise对象组成的数组作为参数,当这个数组中所有的Promise对象状态都变成resolve或者reject时,他才会调用then方法.

var url;
var url1;
function renderAll(){
	return Promise.all([getJson(url), getUrl(url2)]);
}
renderAll().then(function(value){
	console.log(value);
})

Promise.race

与Promise.all相似的是,Promise.race也是一个Promise对象组成的数组作为参数,不同的是,只要当数组中的其中一个Promise状态变成resolved或者rejected时,就可以调用.then方式,而传递给then方法的值也会有所不同.可以在浏览器中运行下面这个例子.

function renderRace() {
	return new Promise.race([getJson(url), getJson(url1)]);
}

renderRace().then(function(value){
	console.log(value);
})