Promise的小结

(1)、什么叫promise?
Promise对象可以理解为一次执行的异步操作,使用promise对象之后可以使用一种链式调用的方式来组织代码;让代码更加的直观。就是当执行完一次异步操作后,会有一次回调,不管成功还是失败,成功就对应成 功的回调,失败就对应失败的回调。
(2)、那我们为什么要使用promise?
比如我们在工作中经常会碰到这么一个需求,比如我使用ajax发一个A请求后,成功后拿到数据,我们需要把数据传给B请求;如果直接在ajax的回调中再嵌套另外一个ajax,代码不是很直观,因此,我们可以使用Promise解决这个问题。
(3)、Promise基本使用
一般我们new一个Promise对象,当然可以是作为result返回给一个方法或者赋值给一个变量,然后通过then获取Promise执行结果,成功(resolve)或者是失败(reject),这里有一个必须清楚:Promise对象一旦创建立即执行。因此,我们可以把promise对象定义在一个function里面,然后把该promise对象在该function返回。所以一般来说Promise具有以下三个状态:
has-resolution-Fulfilled :resolve被调用之后,调用onFulfiled(也就是then的处理成功参数)
has-rejection:reject被调用之后,调用Rejected的(也即是then的处理error函数)
unresolve:Pending,待定,就是Promise刚刚创建的时候。

(4)、试想一个页面聊天系统,我们需要从两个不同的URL分别获得用户的个人信息和好友列表,这两个任务是可以并行执行的,用Promise.all()实现如下:

var p1 = new Promise(function (resolve, reject) {setTimeout(resolve, 500, 'P1');});
var p2 = new Promise(function (resolve, reject) {setTimeout(resolve, 600, 'P2');});

// 同时执行p1和p2,并在它们都完成后执行then:

Promise.all([p1, p2]).then(function (results) {
    console.log(results); // 获得一个Array: ['P1', 'P2']
});

(5)、有些时候,多个异步任务是为了容错。比如,同时向两个URL读取用户的个人信息,只需要获得先返回的结果即可。这种情况下,用Promise.race()实现

var p1 = new Promise(function (resolve, reject) {
    	setTimeout(resolve, 500, 'P1');
	});
	var p2 = new Promise(function (resolve, reject) {
  		setTimeout(resolve, 600, 'P2');
	});
	Promise.race([p1, p2]).then(function (result) {
  	  console.log(result); // 'P1'
	});

由于p1执行较快,Promise的then()将获得结果’P1’。p2仍在继续执行,但执行结果将被丢弃。
如果我们组合使用Promise,就可以把很多异步任务以并行和串行的方式组合起来执行。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值