js中的Promise与流程控制和异步

约定不等于承诺〃 2021-12-14 07:13 331阅读 0赞

# js中的Promise与流程控制和异步 #

### 文章目录 ###

*  js中的Promise与流程控制和异步
 *   *  异步实例

*  ES6开始支持。
 *  Promise对象用于一个异步操作的最终完成(包括成功和失败)及结果值的表示。
 *  简单说，就是处理异步请求的。之所以叫做Promise，就是承诺，如果成功则怎么处理，失败则怎么处理。
 *  语法：

//语法
    new Promise(
        /* 下面定义的函数是executor*/
        function(resolve,reject){ ...}
    );

1.  **executor**
    
     *  executor是一个带有resolve和reject**两个参数的函数**。
     *  executor函数在Promise构造函数执行时立即执行，被传递resolve和reject函数(executor函数在Promise构造函数返回新建对象前被调用)。
     *  executor内部通常会执行一些异步操作，一旦完成。可以调用resolve函数来将promise状态改成fulfilled即完成，或者在发生错误时将它的状态改为rejected即失败。
     *  如果在executor函数中抛出一个错误，那么该promise状态为rejected。executor函数的返回值被忽略
     *  executor中，resolve或reject只能执行其中一个函数
2.  Promise的状态
    
     *  pending:初始状态，不是成功或失败状态。
     *  fulfilled:意味着操作成功完成。
     *  rejected:意味着操作失败。
3.  Promise.then(onFulfilled,onRejected)
    
     *  参数是2个函数，根据Promise的状态来调用不同的函数，fulfilled走onFulfilled函数，rejected状态走onRejected函数。fulfilled状态走onFulfilled函数。
     *  then的返回值是一个新的promise对象，执行任意一个函数，对这个promise对象来说就是其返回值。
     *  调用任何一个函数后，其返回值都可以被后续的then方法继续捕捉。
4.  catch(onRejected)
    
     *  为当前Promise对象添加一个拒绝回调，返回一个新的Promise对象
5.  Promise提供2个方法：
    
    1.  Promise.resolve(value)返回 状态为fulfilled状态的Promise对象
    2.  Promise.reject(reason)返回 状态为rejected状态的Promise对象

![promise\_001][promise_001]

## 异步实例 ##

![promise\_002][promise_002]

[promise_001]: /images/20211214/c1a22e96c03f41b2a1bcf192ff79669f.png
[promise_002]: /images/20211214/c233928dfd3d4a52aacbe7c652fc8b50.png