手写prmose函数

最新推荐文章于 2024-10-05 13:41:03 发布

Seven_Ting

最新推荐文章于 2024-10-05 13:41:03 发布

阅读量68

点赞数

文章标签：数学建模

本文链接：https://blog.csdn.net/seven_ting/article/details/131156194

版权

这篇文章展示了如何使用JavaScript创建一个简单的Promise类，包括构造函数、状态管理和回调处理。在示例中，一个Promise实例被创建并执行，涉及到状态转换（pending,fulfilled,rejected）以及异常处理。同时，文章还演示了在异步操作（setTimeout）中的应用。

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

1、构造函数

myPrmose.js:

class myPrmose{
	state = 'pending' //状态，‘pending’，‘fulfilled’，‘rejected’
	value = undefined //成功后的值
	reason = undefined //失败后的值

	resolveCallbacks = [] //pending状态下存储成功回调
	rejectedCallbacks = [] //pending状态下存储失败回调
	constructor(fn) {
		const resolveHander = (value) => {
			if (this.state === 'pending') {
				this.state = 'fulfilled'
				this.value = value
				this.resolveCallbacks.forEach(fn => fn(this.value))
			}
		}
		const rejectHander = (season) => {
			if (this.state === 'pending') {
				this.state = 'rejected'
				this.reason = season
				this.rejectedCallbacks.forEach(fn => fn(this.reason))
			}
		}
		try {
			fn(resolveHander, rejectHander)
		} catch (err) {
			rejectHander(err)
		}
	}
	then(fn1, fn2) {
		//当pending状态下，fn1,fn2，会被存储到callbacks中
	}
}

index.html调用：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<script src="myPrmose.js"></script>
	<script>
		const p1 = new myPrmose((resolve,reject) => {
			resolve(200)
			reject('错误')
			throw new Error('错误')
			setTimeout(() => {
				resolve(200)
			},1000)
		})
		console.log(p1);
	</script>
	<body>
	</body>
</html>

执行结果：