手撕Promise.all()

要实现Promise.all()，首先我们得知道这个函数的接受什么、做了什么和返回了什么。

引用MDN的描述：

Promise.all() 方法接收一个promise的iterable类型（注：Array，Map，Set都属于ES6的iterable类型）的输入，并且只返回一个Promise实例， 那个输入的所有promise的resolve回调的结果是一个数组。这个Promise的resolve回调执行是在所有输入的promise的resolve回调都结束，或者输入的iterable里没有promise了的时候。它的reject回调执行是，只要任何一个输入的promise的reject回调执行或者输入不合法的promise就会立即抛出错误，并且reject的是第一个抛出的错误信息。

总结一下就是：
输入：一个promise的iterable类型
输出：一个Promise，resolve为输入的所有promise的resolve回调的结果数组，reject为输入promise中的抛出的错误信息或输入不合法。

测试用例如下：

const promise1 = Promise.resolve(3);
const promise2 = 42;
const promise3 = new Promise((resolve, reject) => {
   
  setTimeout(resolve, 100, 'foo');
});
const promise4 = new Promise((resolve, reject) => setTimeout(reject, 101, 'reject'))

Promise.all([promise1, promise2, promise3]).then(values => console.log(values));
Promise.all([promise1, promise4, promise3]).catch(err => console.log(err));
Promise.all(8).catch(err => console.log(err));

> TypeError: number 8 is not iterable (cannot read property Symbol(Symbol.iterator))
> Array [3, 42, "foo"]
> "reject"

这里可以看到 3行输出，可能有人会对输出顺序感到疑惑，但这篇博客只讲Promise.all的实现，所以不做过多讨论。

开始写代码

首先创建一个函数，接受一个输入参数 promises，返回一个Promise 对象

const myPromiseAll = function(promises){
   
	return new Promise((resolve,reject)=>{
   
		
	})
}

接着，我们要开始迭代这个变量。

const myPromiseAll