封装Promise构造函数

约定不等于承诺〃 2022-04-18 02:54 244阅读 0赞

###### *最新更新时间：2018年11月7日15:42:55* ######

#### [`《猛戳-查看我的博客地图-总有你意想不到的惊喜》`][-_-] ####

> 本文内容：Promise对象封装

#### 原生Promise对象的两个例子 ####

//同步
    new Promise((resolve,reject)=>{ 
    	resolve('i am bruce');
    }).then(param => console.log(param));//i am bruce
    
    //异步
    new Promise((resolve,reject)=>{ 
    	setTimeout(resolve,1000,'i am async fun')
    }).then(param => console.log(param));//i am async fun

#### 只能处理同步的\_Promise对象 ####

function _Promise(){ 
    	this.status = 'pending';
    	this.msg = 'none';
    	var self = this;
    	var process = arguments[0];
    	process(function(){ 
    		self.status = 'resolve';
    		self.msg = arguments[0];
    	},function(){ 
    		self.status = 'reject';
    		self.msg = arguments[0];
    	});
    	//return this;
    }
    _Promise.prototype.then = function(){ 
    	if(this.status == 'resolve'){ 
    		arguments[0](this.msg);
    	}else if((this.status == 'reject') && arguments[1]){ 
    		arguments[1](this.msg);
    	}
    }
    new _Promise(function(resolve,reject){ resolve(123)}).then(function(msg){ 
    	console.log(msg);
    	console.log('success');
    },function(msg){ 
    	console.log(msg);
    	console.log('fail!');
    });
    //123
    //success

#### 可以处理同步和异步的\_Promise对象 ####

function _Promise(){ 
    	this.status = 'pending';
    	this.statusSave = [];//存储then回调的两个函数体A和B，如：new _Promise().then(A,B)
    	this.msg = 'none';
    	var self = this;
    	var executor = arguments[0];
    	executor(function(){ //resolve函数的实现
    		var success = arguments[0];//resolve函数传入的参数
    		self.status = 'resolved';
    		self.msg = success;
    		for (const {  resolve } of self.statusSave) { 
    			resolve(success);
    		}
    	},function(){ //reject函数的实现
    		var err = arguments[0];//resolve函数传入的参数
    		self.status = 'rejected';
    		self.msg = err;
    		for (const {  reject } of self.statusSave) { 
    			reject(err);
    		}
    	});
    	// return this;
    }
    _Promise.prototype.then = function(){ 
    	var resolve = arguments[0];
    	var reject = arguments[1];
    	if(this.status == 'resolved'){ 
    		resolve(this.msg);
    	}else if(this.status == 'rejected'&& reject){ 
    		reject(this.msg);
    	}else{ 
    		this.statusSave.push({ resolve,reject});//
    	}
    }
    //同步
    new _Promise((resolve,reject) => { reject('async emit')}).then(function(msg){ 
    	console.log(msg);
    	console.log('success');
    },function(msg){ 
    	console.log(msg);
    	console.log('fail!');
    });
    //async emit
    //fail
    
    //异步
    new _Promise((resolve,reject) => { setTimeout(resolve,1000,'async emit')}).then(function(msg){ 
    	console.log(msg);
    	console.log('success');
    },function(msg){ 
    	console.log(msg);
    	console.log('fail!');
    });
    //async emit
    //success

> 感谢阅读，欢迎评论^-^

## [`打赏我吧^-^`][-] ##

[-_-]: https://blog.csdn.net/wanshaobo888/article/details/79179440
[-]: https://blog.csdn.net/wanshaobo888/article/details/86249460

发表评论取消回复

表情：

评论列表（有 0 条评论，244人围观）

还没有评论，来说两句吧...

相关阅读

相关 promise对axios二次封装、promise封装ajax、promise封装wx.request、promise封装uni.reqest

在上一篇[Promise][]文章中我们学习了`promisse`的基本知识后，下一步就是`promise`如何使用呢？根据老湿从业8年的经验。将promise在项目中的使

╰半橙微兮°/ 2022年12月20日 01:24/ 0 赞/ 441 阅读

相关构造函数的封装继承多态

构造函数的封装 function aa(name){ this.name = name, this.run=function(){

太过爱你忘了你带给我的痛/ 2022年11月21日 14:46/ 0 赞/ 159 阅读

相关 Promise 封装 API

文章目录 1. 封装 readFile 封装使用 2. 封装 ajax 请求封装使用 3. P

╰半夏微凉°/ 2022年10月31日 15:58/ 0 赞/ 195 阅读

相关 Promise封装ajax

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

我不是女神ヾ/ 2022年10月11日 00:46/ 0 赞/ 238 阅读

相关 Promise封装方式

下面用到模块化的相关知识，如果不是很了解，可以参考另一篇文章： > https://blog.csdn.net/zxd1435513775/article/details/1

叁歲伎倆/ 2022年09月12日 12:47/ 0 赞/ 231 阅读

相关封装Promise构造函数

最新更新时间：2018年11月7日15:42:55 [`《猛戳-查看我的博客地图-总有你意想不到的惊喜》`][-_-] > 本文内容：Promise对象封装原

约定不等于承诺〃/ 2022年04月18日 02:54/ 0 赞/ 245 阅读

相关封装promise

// new 做了什么 //1.创建一个新的空对象 //2.将构造函数中的this指向这个新空对象 //3.执行构造函数中的代码 //4

梦里梦外;/ 2021年12月20日 08:29/ 0 赞/ 317 阅读

相关 promise封装ajax

关于promise使用时的几点： 1. 使用方法：先创建一个promise对象new Promise(),根据业务需求判断执行成功或失败，成功调用resovle(),

水深无声/ 2021年10月23日 21:26/ 0 赞/ 707 阅读

相关 promise封装

class MyPromise{ constructor(callback){ this.status = 'p

客官°小女子只卖身不卖艺/ 2021年09月02日 06:21/ 0 赞/ 430 阅读

相关 JavaScript之异步构造方法总结【异步构造函数 - 构造函数与Promise的结合】

JavaScript默认的构造函数只能执行同步代码, 无法执行异步代码，构造函数异步的实现原理参考：异步构造函数 - 构造函数与Promise的结合参考：[ht

爱被打了一巴掌/ 2021年08月13日 19:26/ 0 赞/ 652 阅读