promise (Promise.all,Promise.race,async await)的理解


这里有三个function a,b,c 三个方法的执行完成时间依次增加,即t(a)<t(b)<t(c)。

一、Promise.all(iterable)

当我们使用 let p_result = Promise.all([a,b,c]) ,等待所有方法执行完成后返回结果,即若a,b,c未执行完的情况下p_result 的PromiseStatus属性为“pending”,全部执行完后,所有结果中如果有一个为reject的则p_result 的结果为reject,否则为resolve

MDN解释:

Promise.all(iterable)
这个方法返回一个新的promise对象,该promise对象在iterable参数对象里所有的promise对象都成功的时候才会触发成功,一旦有任何一个iterable里面的promise对象失败则立即触发该promise对象的失败。这个新的promise对象在触发成功状态以后,会把一个包含iterable里所有promise返回值的数组作为成功回调的返回值,顺序跟iterable的顺序保持一致;如果这个新的promise对象触发了失败状态,它会把iterable里第一个触发失败的promise对象的错误信息作为它的失败错误信息。Promise.all方法常被用于处理多个promise对象的状态集合。(可以参考jQuery.when方法—译者注)

二、Promise.race(iterable)

当我们使用 let p_result = Promise.all([a,b,c]) 执行结果以执行速度为最快的那个方法的结果(这里为a),即如果a的结果是reject则p_result的结果为reject,若a的结果为resolve则p_result的结果为resolve

MDN解释:

Promise.race(iterable)
当iterable参数里的任意一个子promise被成功或失败后,父promise马上也会用子promise的成功返回值或失败详情作为参数调用父promise绑定的相应句柄,并返回该promise对象。

三、Promise.any(iterable)

MDN解释:

接收一个Promise对象的集合,当其中的一个promise 成功,就返回那个成功的promise的值。

四、 async await

async wait使用就不介绍了,这里说下async wait+promise会使执行顺序按照数组中传递的顺序依次执行。all代码如下(示例):

async function getdate () {
    let pr1 = c();
    let pr2 = b();
    let pr3 = a();
    await Promise.all([pr1, pr2, pr3]);
}
mdn链接:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Async/awaitPromiseJavaScript 中用于处理异步任务的两种不同技术。Async/await 是基于 Promise 的,它是一种更简洁,更易读的方式来完成异步任务。Async/await 是一种“暂停”和“继续”的方式,可以帮助编写更加清晰和优雅的异步代码。Promise 是一种非阻塞的方式来完成异步任务,它提供了一种定义任务的标准,可以让异步任务更容易理解和管理。 ### 回答2: async/await是ES2017引入的用于处理异步操作的语法糖,它是建立在Promise的基础上的。 Promise是一种用于处理异步操作的对象,它有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。通过调用Promise的then()方法和catch()方法,我们可以分别处理成功和失败的情况。 而async/await是让我们以同步的方式编写异步代码的方法,它基于Promise,提供了一种更简洁、更易读的方式来处理异步操作的结果。 通过在函数前面添加async关键字,我们可以声明一个异步函数,这个函数会返回一个Promise对象。在异步函数内部,我们可以使用await关键字来暂停函数的执行,等待Promise对象的状态变为fulfilled或rejected。在await后面,我们可以写上一个Promise对象,然后使用一个变量来接收这个Promise对象fulfilled的值。 使用async/await可以使我们的代码更加清晰和简洁,而不需要在每个异步操作中都写.then()和.catch()方法。我们可以通过try-catch结构来处理异步操作的错误,使得代码更容易理解和维护。 总而言之,async/await是基于Promise的一种用于处理异步操作的语法糖,它能够以更简洁、更易读的方式来处理异步操作的结果,使得我们的代码更加清晰和易于理解。 ### 回答3: async/awaitPromiseJavaScript中处理异步操作的两种不同的机制。 Promise是ECMAScript 6引入的一种标准化的处理异步操作的方案。它是一个对象,表示一个尚未完成但最终会被解决的操作。通过.then()和.catch()方法,我们可以在Promise对象中指定操作成功或失败后要执行的代码。 async/await是在ES8中引入的语法糖,它基于Promise,使异步代码的书写更加简洁。通过在函数前面添加async关键字,可以将该函数定义为一个异步函数。在异步函数内部,我们可以使用await关键字来暂停执行,等待Promise对象的解决,并返回解决后的值。 async/await的优点在于可以使异步代码看起来像同步代码一样,更加清晰易读。它通过暂停函数的执行,避免了回调地狱和多层嵌套的问题。同时,它兼容Promise,可以使用Promise.all()、Promise.race()等方法处理多个异步操作。 使用async/await时,我们可以通过try-catch语句来捕获异步操作的错误。在异步函数内部可以使用多个await语句,用于按顺序执行多个异步操作。 需要注意的是,async/await只能在原生支持Promise的环境中使用。但是,可以使用Babel等工具将其转换为ES5代码,以便在不支持Promise的旧浏览器中使用。 综上所述,async/await是基于Promise的一种改进,并提供了更加简洁和可读性强的书写方式,用于处理JavaScript中的异步操作。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值