Promise实现

最新推荐文章于 2025-05-01 14:36:24 发布

毕业君

最新推荐文章于 2025-05-01 14:36:24 发布

阅读量647

点赞数 3

分类专栏： JS 文章标签：前端

本文链接：https://blog.youkuaiyun.com/Cheny_Yang/article/details/137756883

版权

本文详细介绍了JavaScript中的Promise类的实现，包括其状态机、构造函数、resolve、reject方法以及then和catch的处理机制。通过实例展示了如何创建、链式调用和错误处理Promise对象。

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

Promise实现

const PENDING = 'pending'
const FULFILLED = 'fulfilled'
const REJECTED = 'rejected'

class MPromise {
   
	FULFILLED_CALLBACK_LIST = []
	REJECTED_CALLBACK_LIST = []
	_status = PENDING
	constructor(fn) {
   
		// 初始状态为pending
		this.status = PENDING
		this.value = null
		this.reason = null
		try {
   
			fn(this.resolve.bind(this), this.reject.bind(this))
		} catch (e) {
   
			this.reject(e)
		}
	}

	get status() {
   
		return this._status
	}

	set status(newStatus) {
   
		this._status = newStatus
		switch (newStatus) {
   
			case FULFILLED: {
   
				this.FULFILLED_CALLBACK_LIST.forEach((callback) => {
   
					callback(this.value)
				})
				break
			}
			case REJECTED: {
   
				this.REJECTED_CALLBACK_LIST.forEach((callback) => {
   
					callback(this.reason)
				})
				break
			}
		}
	}

	resolve(value) {
   
		if (this.status === PENDING) {
   
			this.value = value
			this.status = FULFILLED