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