JavaScript知识梳理 - 回归基础，深入理解Promise（五）

1.简述

1.1概述

• Promise是异步编程的一种解决方案，从语法上讲，Promise是一个对象，可以获取异步操作的消息

1.2.目的

• 避免回调地狱的问题
• Promise对象提供了简洁的API，使得控制异步操作更加容易

1.3.Promise的三种状态：

• pendding //正在请求
• rejected //失败
• resolved //成功

1.4.基础用法：

new Promise(function(resolve,reject){ 

})

1.5.resolved,rejected函数:

• 在异步事件状态pendding->resolved回调成功时，通过调用resolved函数返回结果；当异步操作失败时，回调用rejected函数显示错误信息。

1.6.then的用法

• then中传了两个参数，第一个对应resolve的回调，第二个对应reject的回调

  p.then((data) => {
          console.log('resolved',data);
      },(err) => {
          console.log('rejected',err);
      }
  );
  

1.7.catch方法

• 捕捉promise错误函数，和then函数参数中rejected作用一样，处理错误，由于Promise抛出错误具有冒泡性质，能够不断传递，会传到catch中，所以一般来说所有错误处理放在catch中，then中只处理成功的，同时catch还会捕捉resolved中抛出的异常

  p.then((data) => {
          console.log('resolved',data);
      })
      .catch((err) => {
          console.log('rejected',err);
  });
  

1.8.all方法/race方法

• Promise.all([promise1,promise2])——参数是对象数组。以慢为准，等数组中所有的promise对象状态为resolved时，该对象就为resolved；只要数组中有任意一个promise对象状态为rejected，该对象就为rejected

• race方法：Promise.race([promise1,promise2])——参数是对象数组。以快为准，数组中所有的promise对象，有一个先执行了何种状态，该对象就为何种状态，并执行相应函数

  let p = Promise.all([Promise1, Promise2])
  
  p.then((data) => {
      //都成功才表示成功
  })
  .catch((err) => {
      //有一个失败，则都失败
  });
  

！！！ 以上是DaXiong本人对前端知识的理解总结，如内容知识有错误可以留言修改。

！！！如果以上内容帮助到了你，点击一下赞或者收藏吧！