Promise对象 (基础三)

Promise.all

Promise.all 方法用于将多个 Promise 实例包装成一个新的 Promise 实例。

var p = Promise.all([p1、p2、p3]);
//上面的代码中,Promise.all 方法接受一个数组作为参数,p1、p2、p3 都是Promise
//对象的实例;如果不是,就会想先调用下面讲到的Promise.resolve 方法,将参数转为Promise
//实例,再进一步处理(Promise.all 方法的参数不一定是数组,但是必须具有Iterator 接口,
//且返回的每个成员都是Promise 实例)。

p的状态由p1、p2、p3决定,分两种情况。

  1. 只有p1、p2、p3的状态变成Fulfilled,p 的状态才会变成Fulfilled,此时p1、p2、p3的返回值组成一个数组,传递给 p 的回调函数。

  2. 只要p1、p2、p3中有一个被rejected,p 的状态就会变成rejected,此时第一个被Rejected的实例的返回值会传递给 p 的回调函数。

    下面是一个具体的例子。

//生成一个Promise 对象的数组
var promises = [2,3,5,7,11,13].map(function (id) {
   
   
	return getJSON('/post/' + id + ".json");
});

Promise.all(promises).then(function (posts) {
   
   
	//......
}).catch(function(reason) {
   
   
	//...
})
//上面的代码中,promises 是包含6个 Promise 的实例的数组,只有这 6 个实例的状态都变成fulfilled,
//或者其中有 1 个变为rejected,才会调用Promise.all 方法后面的回调函数

下面是另一个例子。

const databasePromise = connectFatabase();

const booksPromise = databasePromise
	.then(findAllBooks);
	
const userPromise =databasePromise
	.then(getCurrentUser);

Promise.all([
	booksPromise,
	userPromise
])
.then(([booke, user]) => pickTopRecommentations(books, user));	

//上面的代码中,booksPromise 和userPromise 是两个异步操作,只有它们的结果都返回,
//才会触发pickTopRecommentations 回调函数。

tips:如果作为参数的Promise 实例自身定义了 catch 方法, 那么它被 rejected 时并不会触发 Promise.all() 的 catch 方法。

const p1 = new Promise (( resolve, reject ) => {
   
   
	reolve('hello');
})
.then(result => result)
.catch(e = > e);

const p2 = new Promist((resolve, reject) => {
   
   
	throw new Reeor('报错了');
})
.then(result =>result)
.catch(e => e);

Promise.all([p1, p2])
.then(result => console.log(reuslt))
.catch(e => console.log(e));
// ["hello",Error:报错了]
//上面的代码中,p1 会resolved,p2 首先会 rejected,但是p2 会有自己的 catch 方法,
//改方法返回的是一个新的 Promise 实例,p2 实际上指向的是这个实例。该实例执行完 catch
//方法后也会变成 resolved,导致 Promise.all()方法参数里面的两个实例都会resolved,
//因此会调用then 方法指定的回调函数,而不会调用 catch 方法指定的回调函数。

如果 p2 没有自己的catch 方法,就会调用 Promise.all() 的 catch 方法。

const p1 =neW Promise ((resolve, reject) = > {
   
   
	resolve('hello');
})
.then(result => result);

const p2 = new Promise((resolve, reject) => {
   
   
	throw new Error('报错了');
})
.then(result = > result);

Promise.all([p1, p2])
.then(result => console.log(result))
.catch(e => console.log(e));

Promise.race()

Promise.race方法同样是将多个Promise实例包装成一个新的Promise实例。
var p = Promise.race([p1,p2,p3]);
上面的代码中,只有p1,p2,p3中有一个实例率先改变状态,p的状态就跟着改变。那个率先改变的promise实例的返回值就传递给p的回调函数。
Promise.race方法的参数与Promise.all方法一样,如果不是Promise实例,就会先调用下面讲到Promise.resolve方法,将参数转为Promise实例,再进一步处理。
下面是一个例子,如果指定时间内没有获得结果,就将Promise的状态变为Rejected,否则变为resolved。

const p = Promise.race([
	fetch('/resource-that-may-take-a-while'),
	new Promise(function (resolve, reject) {
   
   
		setTimeout(() => reject(new Error('request timeout')),5000)
	})
]);
p.then(response =>console.log(response));
p.catch
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值