Promise函数的使用

最近在做批量打印并监控显示打印进度的功能，用到了很多异步函数，很多异步函数嵌套在回调函数里面，层层嵌套，导致代码可阅读性与可维护性变得十分糟糕，而且由于都是异步执行的函数，无法知道什么时候能回调结束,无法保证程序能安全执行,为了能解决这个问题，避免"回调地狱"，于是就需要用Promise函数。

什么是Promise函数

1. 什么是Promise函数?

Promise是一个方案，用来解决多层回调嵌套的解决方案。它现在是ES6的原生对象。

2. Promise函数有什么作用?

可以把一个多层嵌套的同步、异步都有回调的方法，给拉直为一串.then()组成的调用链。

3. Promise函数能解决什么问题?

多层嵌套的回调方法中，如果同时存在同步、异步的方法，那么实际执行顺序会混乱。不好调试不好维护。

Promise函数的使用

1.Promise.prototype.then()

Promise 实例具有then方法，也就是说，then方法是定义在原型对象Promise.prototype上的。它的作用是为 Promise 实例添加状态改变时的回调函数。前面说过，then方法的第一个参数是resolved状态的回调函数，第二个参数（可选）是rejected状态的回调函数。

    var getJSON = function(url) {
        var promise = new Promise(function(resolve, reject){
           $.get(url,function (result) {
               resolve(result);
           })
        });
        return promise;
    };

    getJSON("/test/getData").then(function(json) {
        console.log('Contents: ' + JSON.stringify(json));
    }, function(error) {
        console.error('出错了', error);
    });

2.Promise.prototype.catch()

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

getJSON('/posts.json').then(function(posts) {
  // ...
}).catch(function(error) {
  // 处理 getJSON 和 前一个回调函数运行时发生的错误
  console.log('发生错误！', error);
});

上面代码中，getJSON方法返回一个 Promise 对象，如果该对象状态变为resolved，则会调用then方法指定的回调函数；如果异步操作抛出错误，状态就会变为rejected，就会调用catch方法指定的回调函数，处理这个错误。另外，then方法指定的回调函数，如果运行中抛出错误，也会被catch方法捕获。

一般来说，不要在then方法里面定义 Reject 状态的回调函数（即then的第二个参数），总是使用catch方法。

// bad
promise
  .then(function(data) {
    // success
  }, function(err) {
    // error
  });

// good
promise
  .then(function(data) { //cb
    // success
  })
  .catch(function(err) {
    // error
  });

上面代码中，第二种写法要好于第一种写法，理由是第二种写法可以捕获前面then方法执行中的错误，也更接近同步的写法（try/catch）。因此，建议总是使用catch方法，而不使用then方法的第二个参数。

跟传统的try/catch代码块不同的是，如果没有使用catch方法指定错误处理的回调函数，Promise 对象抛出的错误不会传递到外层代码，即不会有任何反应。

3.Promise.prototype.finally()

finally方法用于指定不管 Promise 对象最后状态如何，都会执行的操作。该方法是 ES2018 引入标准的。

promise
.then(result => {···})
.catch(error => {···})
.finally(() => {···});

 

详细参考: 阮一峰