手写Promise.All():

通过 for-in 实现

const PromiseAll = interator => {
	// 将传入的参数转化为数组
	const promises = Array.from(interator);
	// 获取数组长度
	const length = promises.length;
	// 判断是否遍历完成
	let index = 0;
	// 接收数据
	let data = [];

	return new Promise((resolve, reject) => {
		for (let i in promises) {
			promises[i]
				.then(result => {
					// 将执行的结果传递给接收数据的数组
					data[i] = result;
					// 遍历完成
					if (++index === length) {
						resolve(data);
					}
				})
				.catch(err => {
					// 错误处理
					reject(err);
				});
		}
	});
};

const promise1 = Promise.resolve("promise1");
const promise2 = new Promise((resolve, reject) => {
	setTimeout(resolve, 3000, "promise2");
});
const promise3 = new Promise((resolve, reject) => {
	setTimeout(resolve, 1000, "promise3");
});

PromiseAll([promise1, promise2, promise3]).then(result => {
	console.log(result);
});

通过 forEach 实现

const promiseAll = interator => {
	const promises = Array.from(interator);
	const length = promises.length - 1;
	let resultArr = [];

	return new Promise((resolve, reject) => {
		promises.forEach((item, index) => {
			item
				.then(res => {
					resultArr[index] = res;
					if (length === index) {
						resolve(resultArr);
					}
				})
				.catch(err => {
					reject(err);
				});
		});
	});
};

const promise1 = Promise.resolve('111');
const promise2 = new Promise((resolve, reject) => {
	setTimeout(resolve, 2000, '222')
});
const promise3 = new Promise((resolve, reject) => {
	setTimeout(resolve, 1000, '333')
})

_promiseAll([promise1, promise2, promise3]).then(res => {
	console.log(res)
})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值