一文讲明白Promise

• Promise对象的特点

  • 对象不受外界影响

  • 一旦状态改变，就不会再变

  • Promise返回的永远是一个Promise对象，传递值只能通过resolve和reject

  • 注意，调用resolve或reject并不会终结 Promise 的参数函数的执行。

    new Promise((resolve, reject) => {
      resolve(1);
      console.log(2);
    }).then(r => {
      console.log(r);
    });
    // 2
    // 1
    复制代码

    • 所以正确最好这么写：

      new Promise((resolve, reject) => {
        return resolve(1);
        // 后面的语句不会执行
        console.log(2);
      })
      复制代码

• 完整调用形式

  function p(){
      return new Promise((resolve,reject) =>{
          // todo
      }).then(result =>{
          console.log(result)
      },reject  =>{
          console.log('reject'+reject)
      }).catch(e){
          // to catch error
      }
  }
  复制代码

• 关于then，catch：他们都返回promise对象，因为所有的promise返回的都是一个promise，所以promise才可以链式调用。

• Then方法：

  • Promise 实例具有then方法，也就是说，then方法是定义在原型对象Promise.prototype上的。
  • then方法返回的是一个新的Promise实例（注意，不是原来那个Promise实例）。因此可以采用链式写法，即then方法后面再调用另一个then方法。
  • then方法可以接受两个回调函数作为参数。第一个回调函数是Promise对象的状态变为resolved时调用，第二个回调函数是Promise对象的状态变为rejected时调用。其中，第二个函数是可选的，不一定要提供。这两个函数都接受Promise对象传出的值作为参数。
  • 如果调用resolve函数和reject函数时带有参数，那么它们的参数会被传递给then中的回调函数。reject函数的参数通常是Error对象的实例，表示抛出的错误；resolve函数的参数除了正常的值以外，还可能是另一个 Promise 实例，比如像下面这样。

• Catch方法

  • Promise.prototype.catch方法是.then(null, rejection)的别名，用于指定发生错误时的回调函数。

  • Promise 对象的错误具有“冒泡”性质，会一直向后传递，直到被捕获为止。也就是说，错误总是会被下一个catch语句捕获。

    • 所以不要在then方法里面定义 Reject 状态的回调函数（即then的第二个参数），而是在Promise调用链的结尾使用catch方法。

      // bad
      promise
        .then(function(data) {
          // success
        }, function(err) {
          // error
        });
      
      // good
      promise
        .then(function(data) { //cb
          // success
        })
        .catch(function(err) {
          // error
        });
      复制代码

  • 跟传统的try/catch代码块不同的是，如果没有使用catch方法指定错误处理的回调函数，Promise 对象抛出的错误不会传递到外层代码，即不会有任何反应。但是在Node里有一个unhandledRejection事件，专门监听未捕获的reject错误

    process.on('unhandledRejection', function (err, p) {
      throw err;
    });
    复制代码

    • 注意，Node 有计划在未来废除unhandledRejection事件。如果 Promise 内部有未捕获的错误，会直接终止进程，并且进程的退出码不为 0。

• Promise.all([这是若干个promise组成的数组])

  • const p = Promise.all([p1, p2, p3]);
    复制代码

  • Promise.all方法接受一个数组作为参数，p1、p2、p3都是 Promise 实例，如果不是，就会先调用下面讲到的Promise.resolve方法，将参数转为 Promise 实例，再进一步处理。（Promise.all方法的参数可以不是数组，但必须具有 Iterator（遍历） 接口，且返回的每个成员都是 Promise 实例。）

  • 只有p1、p2、p3的状态都变成fulfilled，p的状态才会变成fulfilled，此时p1、p2、p3的返回值组成一个数组，传递给p的回调函数。

    只要p1、p2、p3之中有一个被rejected，p的状态就变成rejected，此时第一个被reject的实例的返回值，会传递给p的回调函数。

• Promise.race（）

  • 其实和Promise.all（）差不多，就是p1,p2,p3有一个状态变成resolve，p就变成resolve然后传递值

• Promise.resolve（）

  • 有时需要将现有对象转为 Promise 对象，Promise.resolve方法就起到这个作用。这个方法的参数分为4中情况

    • 参数是一个 Promise 实例

      • 直接返回

    • 参数是一个thenable对象，指的是具有then方法的对象，比如下面这个对象。

      let thenable = {
        then: function(resolve, reject) {
          resolve(42);
        }
      };
      
      // Promise.resolve方法会将这个对象转为 Promise 对象
      // 然后就立即执行thenable对象的then方法。
      
      //上面代码中，thenable对象的then方法执行后，对象p1的状态就变为resolved
      // 从而立即执行最后那个then方法指定的回调函数，输出 42。
      复制代码

    • 参数不是具有then方法的对象，或根本就不是对象

      • 如果参数是一个原始值，或者是一个不具有then方法的对象，则Promise.resolve方法返回一个新的 Promise 对象，状态为resolved。

        const p = Promise.resolve('Hello');
        
        p.then(function (s){
          console.log(s)
        });
        // Hello
        
        //上面代码生成一个新的 Promise 对象的实例p。由于字符串Hello不属于异步操作（判断方法是字符串对象不具有 then 方法），返回 Promise 实例的状态从一生成就是resolved，所以回调函数会立即执行。Promise.resolve方法的参数，会同时传给回调函数。
        复制代码

    • 不带有任何参数：Promise.resolve方法允许调用时不带参数，直接返回一个resolved状态的 Promise 对象。

  • 所以，如果希望得到一个 Promise 对象，比较方便的方法就是直接调用Promise.resolve方法。

• Promise.reject（）和resolve（）方法

• Generator函数与Promise的结合

  • 大概意思就是在我们使用generator的时候，遇到yield一个异步操作，一般返回的是promise对象

转载于:https://juejin.im/post/5bb05dc16fb9a05cfd27e6e4