Promise？？What?

本来想直接写ES7的async-await的，后来一想这不就是Promise的语法糖吗，算了，还是写Promise吧。

首先我们先明确一下Promise的定义：

Promise对象用于异步操作，它表示一个尚未完成且预计在未来完成的异步操作。

我们都知道js是单线程的，一次只能执行一个任务。这就是同步模式。

而异步模式可以一起执行多个任务，异步任务会在当前脚本的所有同步任务结束后才会执行。

常见的异步任务有setTimeOut，ajax。

既然有了异步任务，那我们为什么还要用Promise？这就涉及到异步任务的执行顺序，如果执行多个有前后顺序的异步任务，代码就会非常难调试。而且，当我们在回调中需要使用结果再次进行回调，这就很难受了，这就是ES5的回调地狱。但还好，Promise使我们看到了希望。

Promise的真正强大之处在于它的多重链式调用，可以避免层层嵌套回调。

Promise基本用法

Promise对象代表一个未完成、但预计将来会完成的操作。

它有三种状态：

pending：初始值

fulfilled：代表操作成功

rejected：代表操作失败

promise

Promise实例生成以后，可以用then方法指定resolved状态和reject状态的回调函数。

then方法

Promise新建后就会立即执行。而then方法中指定的回调函数，将在当前脚本所有同步任务执行完才会执行。

promise

上面的输出就是before-resolved    after-resolved    outer     resolved

promise对象的错误，会一直向后传递，直到被捕获。即错误总会被下一个catch所捕获。

.then()

Promise.prototype.then(onFulfilled,onRejected)

.catch()

语法：Promise.prototype.catch(onRejected)

promise.then(onFulfilled).catch(onRejected)

.then中产生的异常能在.catch中捕获

根据流程图，可以看出，A抛错时，会按照 taskA → onRejected → finalTask这个流程来处理。A抛错后，若没有对它进行处理，状态就会维持rejected，taskB不会执行，直到catch了错误。