2021-03-19

什么是Promise？

1. 概念？
   Promise是异步编程的一种解决方案，从语法上讲，Promise是一个对象，可以获取异步操作的信息。

2. 什么情况下使用？
   回调地狱，代码块难以维护，常常第一个的函数的输出是第二个函数的输入，一般情况下是有异步操作时，使用Promise对这个异步操作进行封装。

*[HTML]:   可以看到当setTimeout被执行三次的时候，代码块标的非常繁琐，极不美观，为了解决这种问，那么promise就是一种很好的解决方案
  setTimeout(() => {
            console.log('111');
            console.log('111');
            setTimeout(() => {
                console.log('111222');
                console.log('111222');
                setTimeout(() => {
                    console.log('111222333');
                    console.log('111222333');
                }, 1000);
            }, 1000);
        }, 1000);
        
*[HTML]:使用Promise之后
 new Promise((resolve, reject) => {
            setTimeout(() => {
                resolve('111')
            }, 1000);
        }).then(res => {
            console.log(res);
            return res + '222';

        }).then(res => {
            console.log(res);
            return res + '333';
        }).then(res => {
            console.log(res);
        }).catch(err => {
            console.log(err);
        })

控制台打印结果如下：

• Promise的用法？
  promise有三种状态：pedding //正在请求，resolve // 请求成功，reject //请求失败

  .then的方法：then中传了两个参数，第一个对应resolve的回调，第二个对应reject的回调

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

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

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