Promise实现

最新推荐文章于 2023-10-04 15:25:30 发布

原创最新推荐文章于 2023-10-04 15:25:30 发布 · 210 阅读

0 ·

CC 4.0 BY-SA版权

本文深入解析Promise的工作原理，从零开始实现一个简单的Promise函数。通过理解其内部状态转换机制及then方法的执行流程，帮助读者掌握Promise的核心概念。

实现一个简单的promise

首先promise是一种异步解决方案，避免了开发中的回调地狱的问题，promise状态有三种，pending resolved，rejected 一旦状态改变将不可逆，也就是说状态只能由pending——resolved或者pending——rejected，下面来实现一个简单的promise函数

function PromiseMy(constructor){
	var self = this;
	this.state = 'pending';
	this.value = undefined;
	this.msg = undefined;
	function resolve (value){
		if(self.state === 'pending'){
			self.state = 'resolved';
			self.value = value;
        }
	}
   function reject(value){
		if(self.state === 'pending'){
			self.state = 'rejected';
			self.msg = msg;
        }
	}
	try{
		constructor(resolve,reject)
	}catch(e){
		reject(e)
	}
}

在原型上编写then方法

PromiseMy.prototype.then = function(onResolved,onRejected){
    var selef = this;
	if(selef.state == 'resolved'){
	   onResolved(selef.value)
    }else if(selef.state == 'resolved'){
       onRejected(selef.msg)
    }
}