手动实现promise.all和promise.race

最新推荐文章于 2024-02-13 08:15:00 发布

原创最新推荐文章于 2024-02-13 08:15:00 发布 · 313 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

javascript 专栏收录该内容

14 篇文章

订阅专栏

这篇博客探讨了JavaScript中Promise.all和Promise.race的实现细节。myAll函数模拟了Promise.all的行为，等待所有Promise解析后返回结果数组。myRace函数则在第一个Promise解析或拒绝时立即响应。示例展示了如何使用这两个自定义函数处理多个Promise实例。

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

// all
function myAll(iterators) {
	const promises = Array.from(iterators);
	const len = promises.length;
	let count = 0;
	let results = [];
	return new Promise((resolve, reject) => {
		promises.forEach((v, i) => {
			Promise.resolve(v).then(value => {
				count++;
				results[i] = value;
				if (count === len) {
					resolve(results)
				}
			}).catch(e => {
				reject(e);
			})
		})
	})
}
var p1 = Promise.resolve('a');
var p2 = Promise.resolve('b');
var p3 = Promise.resolve('c');
myAll([p1, p2, p3]).then(function (value) {
	console.log(value);
})

// race
function myRace(iterators) {
	const promises = Array.from(iterators);
	const len = promises.length;
	return new Promise((resolve, reject) => {
		promises.forEach(v => {
			v.then(value => {
				resolve(value)
			},reason => {
				reject(reason)
			})
		})
	})
}
var p1 = Promise.resolve('a');
var p2 = Promise.resolve('b');
var p3 = Promise.reject('c');
myRace([p1, p2, p3]).then(function (value) {
	console.log(value);
})