Promise：Promise.all、Promise.race、Promise.any的用法及区别

缺乏、安全感 2022-09-12 01:55 310阅读 0赞

在项目开发过程中经常需要通过异步编程来实现功能，此时就需要我们了解`Promise`.

## `Promise` ##

`Promise` 是异步编程的一种解决方案，比传统的解决方案**回调函数和事件**更合理和更强大。

有了`Promise`对象，就可以将异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数。

一个`Promise`的当前状态必须为以下三种状态中的一种：等待态（`Pending`）、执行态（`Fulfilled`）和拒绝态（`Rejected`），状态的改变只能是单向的，且变化后不可在改变。

一个`Promise`必须提供一个 `then` 方法以访问其当前值、终值和据因。

`promise.then(onFulfilled, onRejected)`回调函数只能执行一次，且返回 `promise` 对象

`Promise`的每个操作返回的都是`Promise`对象，可支持链式调用。

通过 `then` 方法执行回调函数，`Promise`的回调函数是放在事件循环中的微队列。

`Promise`的具体用法如下：

function fn(){ 
         return new Promise((resolve, reject)=>{ 
             成功时调用 resolve(数据)
             失败时调用 reject(错误)
         })
     }
     fn().then(success1, fail1).then(success2, fail2)

## `Promise.all` ##

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

`Promise.all()`全部子实例都成功才算成功，有一个子实例失败就算失败。

Promise.all([promise1, promise2]).then(success1, fail1)
    promise1`和`promise2`都成功才会调用`success1

## `Promise.race` ##

`Promise.race()`方法也是将多个 `Promise` 实例，包装成一个新的 `Promise` 实例。

`Promise.race()`rece是赛跑机制，要看最先的promise子实例是成功还是失败。

Promise.race([promise1, promise2]).then(success1, fail1)
    promise1`和`promise2`只要第一个成功就会调用`success1

## `Promise.any` ##

`Promise.any()`方法同样是将多个 `Promise` 实例，包装成一个新的 `Promise` 实例。

`Promise.any()`有一个子实例成功就算成功，全部子实例失败才算失败。

Promise.race([promise1, promise2]).then(success1, fail1)
    promise1`和`promise2`只要有一个成功就会调用`success1

> 总结：`Promise.all()` 方法是 `&&` 的关系；`Promise.any()` 方法是 `||` 的关系； `Promise.race()`方法是 `赛跑机制` ；

发表评论取消回复

表情：

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

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

相关阅读

相关 CSS link与@import的区别及用法介绍

![4d574777e5e725556cce41365f4f120c.jpeg][] CSS的link和@import都是用于引入外部CSS文件的方法，但它们有一些区别和不同

墨蓝/ 2024年03月22日 20:12/ 0 赞/ 22 阅读

相关 PHP时间函数的区别及用法详解

在PHP中，有几个常用的时间函数，包括time()、date()和mktime()。这些函数用于处理日期和时间相关的操作，以满足不同的需求。本文将详细介绍这些函数的区别及其使用

「爱情、让人受尽委屈。」/ 2024年02月29日 07:11/ 0 赞/ 41 阅读

相关 MybatisPlus之QueryWrapper与LambdaQueryWrapper的用法及区别

/\\ \ 1. QueryWrapper 用法示例 \/ List<UserDo> userList = userMapper.selectList(new Qu

朴灿烈づ我的快乐病毒、/ 2023年09月26日 11:54/ 0 赞/ 24 阅读

相关 np.arange()和 range()的用法及区别

np.arange() np.arange()函数返回一个有终点和起点的固定步长的排列，如\[1,2,3,4,5\]，起点是1，终点是6，步长为1。参数个数情况：

桃扇骨/ 2022年10月04日 12:52/ 0 赞/ 156 阅读

相关 AngularJS 中 Provider 的用法及区别

在一个分层良好的 Angular 应用中，Controller 这一层应该很薄。也就是说，应用里大部分的业务逻辑和持久化数据都应该放在 Service 里。为此，理解

浅浅的花香味﹌/ 2022年08月29日 15:55/ 0 赞/ 221 阅读

相关 define 与 typedef 的用法及区别

在C语言中 define 为替换， typedef 为类型起个别名，他们之间有一些区别一定要注意。 include<stdio.h> include

淡淡的烟草味﹌/ 2022年08月20日 15:15/ 0 赞/ 194 阅读

相关 Nginx的alias的用法及与root的区别

以前只知道Nginx的location块中的root用法，用起来总是感觉满足不了自己的一些想法。然后终于发现了alias这个东西。先看root的用法 loca

电玩女神/ 2022年06月04日 00:51/ 0 赞/ 186 阅读

相关 js中call、apply、bind的用法及区别

call、apply和bind：三者作用一致（都是改变函数的this指向），只是使用的方法不同而已。 apply 、 call 、bind 三者都是用来改变函数的thi

叁歲伎倆/ 2022年05月30日 09:59/ 0 赞/ 247 阅读

相关 C# Action 和Func 用法及区别

https://www.cnblogs.com/LipeiNet/p/4694225.html public partial class MainWindow

深碍√TFBOYSˉ_/ 2022年05月20日 02:13/ 0 赞/ 210 阅读

相关 LinkedBlockingQueue 和 ConcurrentLinkedQueue的用法及区别

LinkedBlockingQueue 和 ConcurrentLinkedQueue的用法及区别在 Java 多线程应用中，队列的使用率很高，多数生产消费模型的首选数

ゝ一纸荒年。/ 2022年01月26日 08:11/ 0 赞/ 281 阅读