Promise实现

最新推荐文章于 2022-06-16 10:47:12 发布

星空下的嗳

最新推荐文章于 2022-06-16 10:47:12 发布

阅读量300

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： Promise promise实现

本文链接：https://blog.youkuaiyun.com/qq_35718410/article/details/91040153

JavaScript 专栏收录该内容

34 篇文章

订阅专栏

本文介绍了一种手动实现Promise的方法，通过构造函数和原型方法完成状态管理及回调处理，示例展示了如何使用自定义Promise进行异步操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现Promise功能

代码如下：

var selfPromise = (function() {
	function Promise(fn) {
		this.callbacks = [];
		fn(this.resolve.bind(this),this.reject.bind(this));
	}

	Promise.prototype = {
		constructor: Promise,
		resolve: function(result) {
			this.complete('resolve', result);
		},

		reject: function(result) {
			this.complete('reject', result);
		},

		complete: function(type, result) {
			while (this.callbacks[0]) {
				this.callbacks.shift()[type](result);
			}
		},

		then: function(successHandler, failedHandler) {
			this.callbacks.push({
				resolve: successHandler|| function(){},
				reject: failedHandler|| function(){}
			});

			return this;
		}
	};
	return Promise;
})();

示例：

var promise = new selfPromise(function(resolve,reject){
    setTimeout(function(){
        resolve('object');
    },1000);
});

promise.then(function(res){
    console.log(res);
});

//一秒后输出 object