面试中常考的源码实现｜promsie相关方法（all、race、any、allsettled和finally）

最新推荐文章于 2024-01-26 06:45:00 发布

辣爷

最新推荐文章于 2024-01-26 06:45:00 发布

阅读量484

点赞数

分类专栏：面试文章标签：面试 js promise

本文链接：https://blog.csdn.net/qq_35536883/article/details/104278300

版权

面试专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文聚焦于JavaScript面试中常见的Promise方法，包括all、race、any、allSettled及finally的实现原理。通过对这些方法的深入理解，有助于提升对异步编程的掌握。

摘要由CSDN通过智能技术生成

Promise相关面试常撕代码

all

Promise.myAll = function (iterators) {
	const promises = Array.from(iterators);
	const num = promises.length;
	const resolvedList = new Array(num);
	let resolveNum = 0;
	return new Promise((resolve, reject) => {
		promises.forEach((promsie, index) => {
			Promise.resolve(promise)
			.then(value => {
				resolvedList[index] = value;
				if (++resolveNum === num) {
					resolve(resolvedList);
				}
			})
			.catch(reject);
		});
	});
};

race

Promise.myRace = function (iterators) {
	const promises = Array.from(iterators);
	return new Promise((resolve, reject) => {
		promises.forEach((promise, index) => {
			Promise.resolve(promise)
			.then(resolve)
			.catch(reject);
		});
	});
};

any

Promise.myAny = function (iterators) {
	const promises = Array.from(iterators);
	const num = promises.length;
	const rejectedList = new Array(num);
	let rejectedNum = 0;
	return new Promise((resolve, reject) => {
		promises.forEach((promise, index) => {
			Promise.resolve(promise)
			.then(value => resolve(value))
			.catch(error => {
				rejectedList[index] = error;
				if (++resolvedNum === num) {
					reject(rejectedList);
				}
			})
		})
	})
}

allSettled

const formatSettledResult = (success, value) =>
	success
	? {status: 'fulfilled', value}
	: {status: 'rejected', reason: value};

Promise.allSettled = function (iterators) {
	const promises = Array.from(iterators);
	const num = promises.length;
	const settledList = new Array(num);
	let settledNum = 0;
	return new Promise((resolve, reject) => {
		promises.forEach((promise, index) => {
			Promise.resolve(promise)
			.then(value => {
				settledList[index] = formatSettledResult(true, value);
				if (++settledNum === num) {
					resolve(settledList);
				}
			})
			.catch(error => {
				settledList[index] = formatSettledResult(false, error);
				if (++settledNum === num) {
					resolve(settledList);
				}
			})
		})
	})
}

finally

Promise.prototype.finally = function (fn) {
	return this.then(
		value => Promsie.resolve(fn()).then(() => value);
		error => Promise.resolve(fn()).then(() => {
			throw error;
		})
	)
}