ES6:Promise的三种状态变化的理解及Promise的all方法

Promise的三种状态

在这里插入图片描述

then和catch改变状态的详细情形

看下面一张图
在这里插入图片描述
打印的是resolve状态,触发resolve转态的回调
在这里插入图片描述

看下面一张
在这里插入图片描述
报错则返回promise状态的promise,触发catch的回调,只要有报错,如果后面有
.then都不会执行了只会执行.catch
在这里插入图片描述

再看下面
在这里插入图片描述
没有抛出错误promise对象 ,还是resolve状态

在这里插入图片描述
最后看下面一张
在这里插入图片描述
只要抛出错误的promise对象 就是在reject状态
在这里插入图片描述

用题目加强一下对promise转态变化的理解

输出下面1,2,3的顺序
在这里插入图片描述
题目一: 按顺序打印出 1 3 ,不会打印2因为catch不会被执行(.then的promise是resolve状态 不会执行catch

题目二:返回 1 2 3, 因为在打印1的时候抛出了错误对象返回的是reject状态下的promise,进入到reject状态,但是.catch又是resolve状态下的promise,所以又会执行.then,最终 又返回的是一个resolve状态下面的promise

Promise的all方法

Promise.all方法用于将多个 Promise 实例,包装成一个新的 Promise 实例。

Promise.all(iterator)
Promise.all([
    new Promise((resolve,reject)=>{
      setTimeout(()=>{
        resolve('result1')
      },2000)
    }),

    new Promise((resolve,reject)=>{
        setTimeout(()=>{
            resolve('result2')
          },1000)
    })
]).then(results =>{
    results[0]
    results[1]
    console.log(results)
})
  • 1
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ES6Promise是一种用于处理异步操作的对象。Promise对象可以表示一个异步操作的最终完成(包括成功和失败)及结果值的表示。它可以解决传统回调函数的问题,使代码更具可读性和可维护性。Promise对象有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。通过使用Promise对象,我们可以更好地控制和处理异步操作的结果。 ES6Promise相对于传统的回调函数具有以下优点: 1. 更好的代码结构和可读性:使用Promise可以使代码结构更清晰,减少了回调函数的层层嵌套。 2. 更好的错误处理:Promise可以通过catch方法捕获错误,并进行统一的错误处理,使错误处理更加简洁和方便。 3. 更好的异步流程控制:Promise可以通过then方法链式调用,实现更复杂的异步流程控制,避免了回调地狱的问题。 ES6Promise API包括以下方法: 1. Promise.resolve(value):返回一个解析后带有给定值的Promise对象。 2. Promise.reject(reason):返回一个带有拒绝原因的Promise对象。 3. Promise.all(iterable):返回一个Promise对象,该对象在iterable参数中的所有Promise对象都已解析或拒绝后解析。 4. Promise.race(iterable):返回一个Promise对象,该对象在iterable参数中的任何一个Promise对象解析或拒绝后解析。 5. Promise.prototype.then(onFulfilled, onRejected):添加解析和拒绝回调函数到Promise链中。 6. Promise.prototype.catch(onRejected):添加一个拒绝回调函数到Promise链中。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值