promise简单实现

1、最简单的实现

promise有三种状态，分别是Pedding、Fulfilled、Rejected。

Pedding promise对象实例创建时的初始状态

Fulfilled可以理解为成功的状态

Rejected可以理解为失败的状态

2、构造一个Promise实例需要给Promise构造函数传入一个函数。传入的函数需要有两个形参，两个形参都是function类型的参数。分别是resolve和reject

3、Promise上还有then方法，then方法就是用来指定Promise对象的状态改变时确定执行的操作，resolve时执行第一个函数（onFulfilled），reject时执行第二个函数（onRejected）

当状态变为resolve时便不在变为reject，反之

基于上面描述我们可以实现一个这样的promise

function Promise(executor) { //executor执行器
		let self = this
		self.status = 'pending' //初始状态
		self.value = undefined //表示当前成功的值
		self.reason = undefined //表示是失败的值
		function resolve(value) { //成功的方法
			if (self.status === 'pending') {
				self.status = 'resolved'
				self.value = value
			}
		}
		function reject(reason) {
			if (self.status === 'pending') {
				self.status = 'rejected'
				self.reason = reason
			}
		}
		executor(resolve, reject)
	}

	Promise.prototype.then = function (onFufiled, onRejected) {
		let self = this
		if (self.status === 'resolved') {
			if (onFufiled) {
				onFufiled(self.value)
				return self //为了能链式调用catch 所以then方法下执行传入的回调函数 返回this
			} else {
				return self
			}
		}
		if (self.status === 'rejected') {
			if (onRejected) {
				onRejected(self.reason)
				return self
			} else {
				return self
			}
		}
	}
	Promise.prototype.catch = function (onRejected) {
		let self = this
		if (self.status === 'rejected') {
			if (onRejected) {
				onRejected(self.reason)
			} else {
				return
			}
		} else {
			return
		}
	}

测试一下

let p1 = new Promise((resolve, reject) => {
		let random = Math.floor(Math.random() * 10);
		if (random > 4) {
			resolve('sucess')
		} else {
			reject('erro')
		}
	})
	p1.then(res => {
		console.log(res)
	}).catch(err => {
		console.log(err)
	})

成功打印sucess或erro