promise 实现

本贴最后更新于 1817 天前,其中的信息可能已经时异事殊

思路:
(1) 一个 promise 的当前状态只能是 pending、fulfilled 和 rejected 三种之一。状态改变只能是 pending 到 fulfilled 或者 pending 到 rejected。状态改变不可逆。
(2) promise 的 then 方法接收两个可选参数,表示该 promise 状态改变时的回调(promise.then(onFulfilled, onRejected))。then 方法返回一个 promise。then 方法可以被同一个 promise 调用多次。

// 示例代码
var Promise = (function () {
	// promise 实例 构造函数
	function Promise(resolver) {

		// resolver 必须是一个函数
		if (typeof resolver != 'function') {
			throw new TypeError('Promise resolver is function');
		}

		if (!(this instanceof Promise)) return new Promise(resolver); 

		var self = this;
		self.status = 'pending'; // promise 当前状态
		self.data = undefined; // promisr 的值
		// self.onResolveCallback = []; // resolve
		// self.onRejectCallback = []; // reject
		self.callbacks = []; // resolve and reject

		// resolve
		function resolve(value) {
			setTimeout(() => {
				// 当前状态为pending时
				if (self.status !== 'pending') {
					return;
				}
				self.status = 'resolved';
				self.sata = value;

				for (var i = 0; i < self.callbacks.length; i++) {
					self.callbacks[i].onResolved(value);
				}
			})
		}

		// reject
		function reject(resaon) {
			setTimeout(() => {
				if (self.status !== 'pending') {
					return;
				}
				self.status = 'rejected';
				self.data = resaon;

				for (var i = 0; i < self.callbacks.length; i++) {
					self.callbacks[i].onRejected(resaon);
				}
			})
		}


		// 错误拦截处理
		try {
			executor(resolve, reject);
		} catch(err) {
			reject(err);
		}

	}

	function resolvePromise(promise, x, resolve, reject) {
		var then;
		var thenCalledOrThrow = false;

		if (promise === x) {
			return reject(new TypeError('Chaining cycle deleted for promise'));
		}

		if ((x != null) && (typeof x === 'object') || (typeof x === 'function')) {
			try {
				then = x.then;
				if (typeof then === 'function') {
					then.call(x, function rs(y) {
						if (thenCalledOrThrow) return;
						thenCalledOrThrow = true;
						return resolvePromise(promise, y, resolve, reject);
					}, function rj(r) {
						if (thenCalledOrThrow) return;
						thenCalledOrThrow = true;
						return reject(r);
					});
				} else {
					return resolve(x);
				}
			} catch(err) {
				if (thenCalledOrThrow) return;
				thenCalledOrThrow = true;
				return reject(err);
			}
		} else {
			return resolve(x);
		}
	} 

	// 原型方法
	// then
	Promise.prototype.then = function (onResolved, onRejected) {
		// 性能处理
		onResolved = typeof onResolved === 'function' ? onResolved : function (value) { return value };
		onRejected = typeof onRejected === 'function' ? onRejected : function (resaon) { throw resaon };

		var self = this;
		var promise2;

		
		// 将当前的状态变为resolved
		if (self.status === 'resolved') {
			return promise2 = new Promise(function (resolve, reject) {
				setTimeout(function () {
					try {
						var x = onResolved(self.data);
						resolvePromise(promise2, x, resolve, reject);
					} catch(err) {
						return reject(err);
					}
				});
			});
		};

		// 将当前状态变为rejected
		if (self.status === 'rejected') {
			return promise2 = new Promise(function (resolve, reject) {
				setTimeout(function() {
					try {
						var x = onRejected(self.data);
						resolvePromise(promise2, x, resolve, reject);
					} catch(err) {
						return reject(err);
					}
				})
			});
		};

		// promise状态为pending
		// 需要等待promise的状态完成
		if (self.status === 'pending') {
			return promise2 = new Promise(function (resolve, reject) {
				self.callbacks.push({
					onResolved: function (value) {
						try {
							var x = onResolved(value);
							resolvePromise(promise2, x, resolve, reject);
						} catch (err) {
							return reject(err);
						}
					},
					onRejected: function (resaon) {
						try {
							var x = onRejected(resaon);
							resolvePromise(promise2, x, resolve, reject);
						} catch (err) {
							return reject(err);
						}
					}
				});
			});
		}
	}

	// 将当前promise的值传递
	Promise.prototype.valueOf = function () {
		return this.data;
	}

	// catch
	Promise.prototype.catch = function (onRejected) {
		return this.then(null, onRejected);
	}

	// finally
	Promise.prototype.finally = function (fn) {
		return this.then(function (value) {
			setTimeout(fn);
			return value;
		}, function (resaon) {
			setTimeout(fn);
			throw resaon;
		})
	};

	Promise.prototype.spread = function (fn, onRejected) {
		return this.then(function (values) {
			return fn.apply(null, values);
		}, onRejected);
	};

	Promise.prototype.inject = function (fn, onRejected) {
		return this.then(function (v) {
			return fn.apply(null, fn.toString().match(/\((.*?)\)/)[1].split(',').map(function (key) {
				return v[key];
			}))
		}, onRejected);
	};

	Promise.prototype.delay = function (duration) {
		return this.then(function (value) {
			return new Promise(function (resolve, reject) {
				setTimeout(function () {
					resolve(value);
				}, duration);
			});
		}, function (resaon) {
			return new Promise(function (resolve, reject) {
				setTimeout(function () {
					reject(resaon);
				}, duration);
			});
		});
	};

	// 静态方法
	Promise.all = function (promises) {
		return new Promise(function (resolve, reject) {
			var resolvedCounter = 0;
			var promisesNum = promises.length;
			var resolveValues = new Array(promisesNum);
			for (var i = 0; i < promisesNum; i++) {
				(function (i) {
					Promise.resolve(function (promises) {
						resolvedCounter ++;
						resolveValues[i] = value;
						if (resolvedCounter == promisesNum) {
							return resolve(resolveValues);
						}
					}, function (resaon) {
						reject(resaon);
					})
				})(i);
			};
		});
	}


	Promise.resolve = function (value) {
		return new Promise(function (resolve, reject) {
			resolvePromise(promise, value, resolve, reject);
		});
	};

	Promise.reject = function (resaon) {
		return new Promise(function (resolve, reject) {
			reject(resaon);
		});
	}

	Promise.race = function (promises) {
		return new Promise(function (resolve, reject) {
			for (var i = 0; i < promises.length; i++) {
				Promise.resolve(function () {
					promises[i]
				}).then(function (value) {
					return resolve(value);
				}, function (resaon) {
					return reject(resaon);
				});
			}
		});
	};

	Promise.fcall = function (fn) {
		return Promise.resolve().then(fn);
	}

	Promise.done = Promise.stop = function () {
		return new Promise(function () {});
	}

	Promise.deferred = Promise.defer = function () {
		var dfd = {};
		dfd.promise = new Promise(function (resolve, reject) {
			dfd.resolve = resolve;
			dfd.reject = reject;
		});
		return dfd;
	}

	try {
		module.exports = Promise;
	} catch(err) { }

	return Promise;
});
  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。

    717 引用 • 1241 回帖 • 79 关注

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...

推荐标签 标签

  • Netty

    Netty 是一个基于 NIO 的客户端-服务器编程框架,使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用,例如实现了某种协议的客户、服务端应用。

    49 引用 • 33 回帖 • 21 关注
  • Postman

    Postman 是一款简单好用的 HTTP API 调试工具。

    4 引用 • 3 回帖
  • API

    应用程序编程接口(Application Programming Interface)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。

    76 引用 • 429 回帖 • 5 关注
  • 职场

    找到自己的位置,萌新烦恼少。

    126 引用 • 1699 回帖
  • Node.js

    Node.js 是一个基于 Chrome JavaScript 运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞 I/O 模型而得以轻量和高效。

    138 引用 • 268 回帖 • 102 关注
  • 禅道

    禅道是一款国产的开源项目管理软件,她的核心管理思想基于敏捷方法 scrum,内置了产品管理和项目管理,同时又根据国内研发现状补充了测试管理、计划管理、发布管理、文档管理、事务管理等功能,在一个软件中就可以将软件研发中的需求、任务、bug、用例、计划、发布等要素有序的跟踪管理起来,完整地覆盖了项目管理的核心流程。

    6 引用 • 15 回帖 • 169 关注
  • SVN

    SVN 是 Subversion 的简称,是一个开放源代码的版本控制系统,相较于 RCS、CVS,它采用了分支管理系统,它的设计目标就是取代 CVS。

    29 引用 • 98 回帖 • 698 关注
  • SQLServer

    SQL Server 是由 [微软] 开发和推广的关系数据库管理系统(DBMS),它最初是由 微软、Sybase 和 Ashton-Tate 三家公司共同开发的,并于 1988 年推出了第一个 OS/2 版本。

    19 引用 • 31 回帖
  • 链滴

    链滴是一个记录生活的地方。

    记录生活,连接点滴

    148 引用 • 3769 回帖
  • 房星科技

    房星网,我们不和没有钱的程序员谈理想,我们要让程序员又有理想又有钱。我们有雄厚的房地产行业线下资源,遍布昆明全城的 100 家门店、四千地产经纪人是我们坚实的后盾。

    6 引用 • 141 回帖 • 565 关注
  • RYMCU

    RYMCU 致力于打造一个即严谨又活泼、专业又不失有趣,为数百万人服务的开源嵌入式知识学习交流平台。

    4 引用 • 6 回帖 • 42 关注
  • Flutter

    Flutter 是谷歌的移动 UI 框架,可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作,它正在被越来越多的开发者和组织使用,并且 Flutter 是完全免费、开源的。

    39 引用 • 92 回帖 • 8 关注
  • Openfire

    Openfire 是开源的、基于可拓展通讯和表示协议 (XMPP)、采用 Java 编程语言开发的实时协作服务器。Openfire 的效率很高,单台服务器可支持上万并发用户。

    6 引用 • 7 回帖 • 101 关注
  • Linux

    Linux 是一套免费使用和自由传播的类 Unix 操作系统,是一个基于 POSIX 和 Unix 的多用户、多任务、支持多线程和多 CPU 的操作系统。它能运行主要的 Unix 工具软件、应用程序和网络协议,并支持 32 位和 64 位硬件。Linux 继承了 Unix 以网络为核心的设计思想,是一个性能稳定的多用户网络操作系统。

    926 引用 • 937 回帖
  • OpenShift

    红帽提供的 PaaS 云,支持多种编程语言,为开发人员提供了更为灵活的框架、存储选择。

    14 引用 • 20 回帖 • 617 关注
  • iOS

    iOS 是由苹果公司开发的移动操作系统,最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样,属于类 Unix 的商业操作系统。

    84 引用 • 139 回帖 • 2 关注
  • Kotlin

    Kotlin 是一种在 Java 虚拟机上运行的静态类型编程语言,由 JetBrains 设计开发并开源。Kotlin 可以编译成 Java 字节码,也可以编译成 JavaScript,方便在没有 JVM 的设备上运行。在 Google I/O 2017 中,Google 宣布 Kotlin 成为 Android 官方开发语言。

    19 引用 • 33 回帖 • 54 关注
  • 电影

    这是一个不能说的秘密。

    120 引用 • 598 回帖
  • JSON

    JSON (JavaScript Object Notation)是一种轻量级的数据交换格式。易于人类阅读和编写。同时也易于机器解析和生成。

    52 引用 • 190 回帖
  • Shell

    Shell 脚本与 Windows/Dos 下的批处理相似,也就是用各类命令预先放入到一个文件中,方便一次性执行的一个程序文件,主要是方便管理员进行设置或者管理用的。但是它比 Windows 下的批处理更强大,比用其他编程程序编辑的程序效率更高,因为它使用了 Linux/Unix 下的命令。

    122 引用 • 73 回帖
  • 设计模式

    设计模式(Design pattern)代表了最佳的实践,通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。

    198 引用 • 120 回帖
  • danl
    98 关注
  • 笔记

    好记性不如烂笔头。

    308 引用 • 787 回帖
  • Vue.js

    Vue.js(读音 /vju ː/,类似于 view)是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    263 引用 • 664 回帖
  • 微服务

    微服务架构是一种架构模式,它提倡将单一应用划分成一组小的服务。服务之间互相协调,互相配合,为用户提供最终价值。每个服务运行在独立的进程中。服务于服务之间才用轻量级的通信机制互相沟通。每个服务都围绕着具体业务构建,能够被独立的部署。

    96 引用 • 155 回帖
  • OpenStack

    OpenStack 是一个云操作系统,通过数据中心可控制大型的计算、存储、网络等资源池。所有的管理通过前端界面管理员就可以完成,同样也可以通过 Web 接口让最终用户部署资源。

    10 引用 • 5 关注
  • FreeMarker

    FreeMarker 是一款好用且功能强大的 Java 模版引擎。

    23 引用 • 20 回帖 • 444 关注