promise 实现

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

思路:
(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 网页增加动态功能。

    729 引用 • 1327 回帖

相关帖子

欢迎来到这里!

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

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

推荐标签 标签

  • 游戏

    沉迷游戏伤身,强撸灰飞烟灭。

    176 引用 • 815 回帖
  • Elasticsearch

    Elasticsearch 是一个基于 Lucene 的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎,基于 RESTful 接口。Elasticsearch 是用 Java 开发的,并作为 Apache 许可条款下的开放源码发布,是当前流行的企业级搜索引擎。设计用于云计算中,能够达到实时搜索,稳定,可靠,快速,安装使用方便。

    117 引用 • 99 回帖 • 212 关注
  • Firefox

    Mozilla Firefox 中文俗称“火狐”(正式缩写为 Fx 或 fx,非正式缩写为 FF),是一个开源的网页浏览器,使用 Gecko 排版引擎,支持多种操作系统,如 Windows、OSX 及 Linux 等。

    8 引用 • 30 回帖 • 408 关注
  • 开源中国

    开源中国是目前中国最大的开源技术社区。传播开源的理念,推广开源项目,为 IT 开发者提供了一个发现、使用、并交流开源技术的平台。目前开源中国社区已收录超过两万款开源软件。

    7 引用 • 86 回帖 • 1 关注
  • SpaceVim

    SpaceVim 是一个社区驱动的模块化 vim/neovim 配置集合,以模块的方式组织管理插件以
    及相关配置,为不同的语言开发量身定制了相关的开发模块,该模块提供代码自动补全,
    语法检查、格式化、调试、REPL 等特性。用户仅需载入相关语言的模块即可得到一个开箱
    即用的 Vim-IDE。

    3 引用 • 31 回帖 • 99 关注
  • RYMCU

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

    4 引用 • 6 回帖 • 51 关注
  • JetBrains

    JetBrains 是一家捷克的软件开发公司,该公司位于捷克的布拉格,并在俄国的圣彼得堡及美国麻州波士顿都设有办公室,该公司最为人所熟知的产品是 Java 编程语言开发撰写时所用的集成开发环境:IntelliJ IDEA

    18 引用 • 54 回帖
  • LaTeX

    LaTeX(音译“拉泰赫”)是一种基于 ΤΕΧ 的排版系统,由美国计算机学家莱斯利·兰伯特(Leslie Lamport)在 20 世纪 80 年代初期开发,利用这种格式,即使使用者没有排版和程序设计的知识也可以充分发挥由 TeX 所提供的强大功能,能在几天,甚至几小时内生成很多具有书籍质量的印刷品。对于生成复杂表格和数学公式,这一点表现得尤为突出。因此它非常适用于生成高印刷质量的科技和数学类文档。

    12 引用 • 54 回帖 • 63 关注
  • 黑曜石

    黑曜石是一款强大的知识库工具,支持本地 Markdown 文件编辑,支持双向链接和关系图。

    A second brain, for you, forever.

    15 引用 • 122 回帖
  • 微软

    微软是一家美国跨国科技公司,也是世界 PC 软件开发的先导,由比尔·盖茨与保罗·艾伦创办于 1975 年,公司总部设立在华盛顿州的雷德蒙德(Redmond,邻近西雅图)。以研发、制造、授权和提供广泛的电脑软件服务业务为主。

    8 引用 • 44 回帖
  • C++

    C++ 是在 C 语言的基础上开发的一种通用编程语言,应用广泛。C++ 支持多种编程范式,面向对象编程、泛型编程和过程化编程。

    107 引用 • 153 回帖
  • 工具

    子曰:“工欲善其事,必先利其器。”

    286 引用 • 729 回帖
  • JWT

    JWT(JSON Web Token)是一种用于双方之间传递信息的简洁的、安全的表述性声明规范。JWT 作为一个开放的标准(RFC 7519),定义了一种简洁的,自包含的方法用于通信双方之间以 JSON 的形式安全的传递信息。

    20 引用 • 15 回帖 • 3 关注
  • Sphinx

    Sphinx 是一个基于 SQL 的全文检索引擎,可以结合 MySQL、PostgreSQL 做全文搜索,它可以提供比数据库本身更专业的搜索功能,使得应用程序更容易实现专业化的全文检索。

    1 引用 • 210 关注
  • TextBundle

    TextBundle 文件格式旨在应用程序之间交换 Markdown 或 Fountain 之类的纯文本文件时,提供更无缝的用户体验。

    1 引用 • 2 回帖 • 48 关注
  • Linux

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

    944 引用 • 943 回帖
  • DevOps

    DevOps(Development 和 Operations 的组合词)是一组过程、方法与系统的统称,用于促进开发(应用程序/软件工程)、技术运营和质量保障(QA)部门之间的沟通、协作与整合。

    47 引用 • 25 回帖 • 1 关注
  • 尊园地产

    昆明尊园房地产经纪有限公司,即:Kunming Zunyuan Property Agency Company Limited(简称“尊园地产”)于 2007 年 6 月开始筹备,2007 年 8 月 18 日正式成立,注册资本 200 万元,公司性质为股份经纪有限公司,主营业务为:代租、代售、代办产权过户、办理银行按揭、担保、抵押、评估等。

    1 引用 • 22 回帖 • 762 关注
  • 机器学习

    机器学习(Machine Learning)是一门多领域交叉学科,涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为,以获取新的知识或技能,重新组织已有的知识结构使之不断改善自身的性能。

    83 引用 • 37 回帖 • 1 关注
  • Sym

    Sym 是一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)系统平台。

    下一代的社区系统,为未来而构建

    524 引用 • 4601 回帖 • 700 关注
  • flomo

    flomo 是新一代 「卡片笔记」 ,专注在碎片化时代,促进你的记录,帮你积累更多知识资产。

    5 引用 • 107 回帖
  • Netty

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

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

    OpenResty 是一个基于 NGINX 与 Lua 的高性能 Web 平台,其内部集成了大量精良的 Lua 库、第三方模块以及大多数的依赖项。用于方便地搭建能够处理超高并发、扩展性极高的动态 Web 应用、Web 服务和动态网关。

    17 引用 • 40 关注
  • HBase

    HBase 是一个分布式的、面向列的开源数据库,该技术来源于 Fay Chang 所撰写的 Google 论文 “Bigtable:一个结构化数据的分布式存储系统”。就像 Bigtable 利用了 Google 文件系统所提供的分布式数据存储一样,HBase 在 Hadoop 之上提供了类似于 Bigtable 的能力。

    17 引用 • 6 回帖 • 73 关注
  • 链书

    链书(Chainbook)是 B3log 开源社区提供的区块链纸质书交易平台,通过 B3T 实现共享激励与价值链。可将你的闲置书籍上架到链书,我们共同构建这个全新的交易平台,让闲置书籍继续发挥它的价值。

    链书社

    链书目前已经下线,也许以后还有计划重制上线。

    14 引用 • 257 回帖
  • Caddy

    Caddy 是一款默认自动启用 HTTPS 的 HTTP/2 Web 服务器。

    12 引用 • 54 回帖 • 164 关注
  • 小薇

    小薇是一个用 Java 写的 QQ 聊天机器人 Web 服务,可以用于社群互动。

    由于 Smart QQ 从 2019 年 1 月 1 日起停止服务,所以该项目也已经停止维护了!

    34 引用 • 467 回帖 • 742 关注