JavaScript异步编程之：改造世界上最短的Promise库。。。

最新推荐文章于 2021-12-12 23:10:34 发布

flm000

最新推荐文章于 2021-12-12 23:10:34 发布

阅读量1.4k

点赞数

分类专栏： JavaScript 架构设计

本文链接：https://blog.csdn.net/flm000/article/details/8609313

版权

JavaScript 同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

架构设计

3 篇文章 0 订阅

订阅专栏

看了这篇文章：javascript异步编程之:世界上最短的Promise库，这个虽然短，但是我觉得不是很好用，有个不足：每个函数里都要实例化一个Promise对象，完全没必要。所以花了几分钟改写了下，还增加了给then方法直接传多个函数的特性，直接看代码吧：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Promise</title>
</head>
<body>
<br/>Pomise
<script type="text/javascript">
//单例模式
(function(){
	var promise, _promise = function(){
		this.thens = [];
	};
	_promise.prototype = {
		resolve: function(){
			var t = this.thens.shift();
			t && t.apply(null, arguments);
		},
		then: function(){
			return this.thens.push.apply(this.thens, arguments), this;
		}
	};
	window.Promise= function(){
		return promise || (promise = new _promise());
	};
})();

var promise = Promise();

function f1() {
	setTimeout(function () {
		alert(1);
		promise.resolve();
	}, 1500);
}

function f2() {
	setTimeout(function () {
		alert(2);
		promise.resolve();
	}, 1500);
}

function f3() {
	setTimeout(function () {
		alert(3);
		promise.resolve();
	}, 1500);
}

function f4() {
	alert(4);
}

//用法一：
//promise.then(f1).then(f2).then(f3).then(f4).resolve();
//用法二：
promise.then(f1, f3, f2, f4).resolve();

//promise.then(f1, f3).then(f2).then(f4); promise.resolve();

</script>
</body>
</html>

flm000

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript异步编程之：改造世界上最短的Promise库。。。

看了这篇文章：javascript异步编程之:世界上最短的Promise库，这个虽然短，但是我觉得不是很好用，有个不足：每个函数里都要实例化一个Promise对象，完全没必要。所以花了几分钟改写了下，还增加了给then方法直接传多个函数的特性，直接看代码吧：PromisePomise//单例模式(function(){ var promise, _promise = fu
复制链接

扫一扫