JS手写代码篇---Pomise.race
6、promise.race
Promise.race() 静态方法接受一个 promise 可迭代对象作为输入，并返回一个 Promise。这个返回的 promise 会随着第一个 promise 的敲定而敲定。
比如说：
// 原生promiserace;const p1 = new Promise((resolve, reject) => {setTimeout(() => {resolve("p1");}, 500);});const p2 = new Promise((resolve, reject) => {setTimeout(() => {resolve("p2");}, 100);});Promise.race([p1, p2]).then((value) => {console.log(value); //p1});
手写promise.race：
- 输入可迭代的数组
- 输出返回应该promise
- 第一个完成的话就要全部结束，所以我们要设定标志词
- 如果传入的不是promise怎么办，使用promise.relove将每个元素转换为Promise，以处理非Promise的情况。
代码如下：
// promise.racestatic race(array){// 判断是否为空if(array.length === 0){return ;}// 返回应该鑫的promisereturn new Commitment((resolve , reject) => {// 标志let close = false;// 开始遍历array.forEach((item) =>{Promise.resolve(item).then((res) => {if(!close){close = true;resolve(res);}}).catch((error) => {if(!close){close = true;reject(error);}})})})}
志词
- 如果传入的不是promise怎么办，使用promise.relove将每个元素转换为Promise，以处理非Promise的情况。
代码如下：
// promise.racestatic race(array){// 判断是否为空if(array.length === 0){return ;}// 返回应该鑫的promisereturn new Commitment((resolve , reject) => {// 标志let close = false;// 开始遍历array.forEach((item) =>{Promise.resolve(item).then((res) => {if(!close){close = true;resolve(res);}}).catch((error) => {if(!close){close = true;reject(error);}})})})}