实现一个promise.race

青旅半醒 2024-03-27 12:10 22阅读 0赞

在 JavaScript 中，可以通过实现一个 `Promise.race()` 方法来实现这个功能。这个方法接受一组 Promise 实例作为参数，并返回一个新的 Promise 实例。这个新的 Promise 实例会在这一组 Promise 中的任何一个实例完成或拒绝后立即完成或拒绝。

例如，可以定义如下的 `Promise.race()` 方法：

Promise.race = function(promises) {
      return new Promise(function(resolve, reject) {
        for (let i = 0; i < promises.length; i++) {
          promises[i].then(resolve, reject);
        }
      });
    };

实现这个方法后，就可以像这样使用它：

let promise1 = new Promise(function(resolve, reject) {
      setTimeout(resolve, 500, 'one');
    });
    let promise2 = new Promise(function(resolve, reject) {
      setTimeout(resolve, 100, 'two');
    });
    
    Promise.race([promise1, promise2]).then(function(value) {
      console.log(value);
      // Both resolve, but promise2 is faster
    });
    // Output: "two"

在上面的例子中，`promise1` 和 `promise2` 都会在不同的时间后被解决，但是 `promise2` 会更快地完成，因此最终的 Promise 实例会立即用 `promise2` 的值来解决。

此外，还可以使用 `Promise.race()` 方法来实现超时功能，例如：

\`\`\`javascript let promise1 = new Promise(function(resolve, reject) \{ setTimeout(resolve, 500, 'one'); \}); let promise2 = new Promise(function(resolve, reject) \{ setTimeout(resolve, 100, 'two'); \});

Promise.race(\[promise1, promise2\]).then(function(value) \{ console.log(value); // Both resolve, but promise2 is faster \}); // Output: "two"

let start = Date.now(); Promise.race(\[promise1, promise2\]).

发表评论取消回复

表情：

评论列表（有 0 条评论，22人围观）

还没有评论，来说两句吧...

相关阅读

相关前端实现一个websocket

websocket 是h5中新增的协议，面向长连接，用于服务器和本地保持通讯，在聊天或者大数据实时响应的时候用的到； websocket 协议是 ws开头的 readySt

短命女/ 2022年12月31日 01:25/ 0 赞/ 127 阅读

相关手动实现一个promise

> 1. Promise的参数是一个函数，这个函数有2个参数，分别是resolve 和reject > 2. Promise的状态一开始是pending，满足某些条件是，状

忘是亡心i/ 2022年12月06日 04:10/ 0 赞/ 110 阅读

相关如何实现一个malloc

任何一个用过或学过C的人对malloc都不会陌生。大家都知道malloc可以分配一段连续的内存空间，并且在不再使用时可以通过free释放掉。但是，许多程序员对malloc背后的

川长思鸟来/ 2022年08月01日 00:11/ 0 赞/ 142 阅读

相关 lintcode 实现一个 Trie

实现一个 Trie，包含 `insert`, `search`, 和 `startsWith` 这三个方法。注意事项你可以假设所有的输入都是小写字母a-z。您

清疚/ 2022年07月15日 01:27/ 0 赞/ 72 阅读

相关自己实现一个SpringIOC

文章中的代码下载：[https://github.com/yangbishang/springIoc][https_github.com_yangbishang_springI

我会带着你远行/ 2022年05月13日 08:22/ 0 赞/ 232 阅读

相关转载：实现一个操作系统

实现一个操作系统～<一>编写MBR [![96][]][96 1] [Ten\_moon][96 1] 关注 2018.02.26 09:28\ 字数 3713 阅读

向右看齐/ 2022年03月25日 07:13/ 0 赞/ 160 阅读

相关 js实现一个一个出现一个一个消失

文字出现和消失 .box1 { background-color: yellow; margin-

小灰灰/ 2022年01月30日 02:25/ 0 赞/ 173 阅读

相关实现一个ioc容器

前言之前花了一些时间阅读了一部分spring源码,于是想自己实现一个类似spring容器功能的框架。利用工作之余花了半个月时间总算是写出了一个简单的容器seed。功

àì夳堔傛蜴生んèń/ 2022年01月20日 10:35/ 0 赞/ 175 阅读

相关如何实现一个 LazyMan？

网上看到一道 JavaScript 笔试题，感觉还挺有意思的，在此记录一番。考察知识点：闭包，事件轮询机制，链式调用，队列实现一个LazyMan，可以按照以下方

冷不防/ 2022年01月19日 00:35/ 0 赞/ 162 阅读

相关如何实现一个 new

面试官问：能否模拟实现\`JS\`的\`new\`操作符 me or you：木问题！！！一、进行分析new的过程，主要有以下几点 1、创建一个新的对象 2、把obj

ゞ浴缸里的玫瑰/ 2021年09月18日 02:16/ 0 赞/ 286 阅读