[JavaScript知识库]ES6- 详解Promise，Promise的一些API的实现

概述

Promise 是一个对象它代表了一个异步操作的最终完成或者失败。

ECMAscript 6 原生提供了 Promise 对象，由于它的then和catch、finally方法会返回一个新的Promise所以可以允许我们链式调用，解决了传统的回调地狱问题。

特点

Promise对象的两个特点:

1、对象的状态不受外界影响。

Promise对象有三种状态: pending(进行中) fulfilled (已成功) rejected(已失败)。

2、一旦状态改变，就不会再变，任何时候都可以得到这个结果。

Promise对象的状态改变，只有两种可能: 从pending变为fulfilled或resolve 表示成功 从pending变为rejected 表示失败
成功的结果数据一般称为 value，失败的结果数据一般称为reason

基本结构

var promise = new Promise(function(resolve, reject) {

? ? // 异步处理 ? ?

? ? // 处理结束后、调用resolve 或 reject

});

Promise 构造函数包含一个参数和一个带有 resolve（解析）和 reject（拒绝）两个参数的回调。在回调中执行一些操作（例如异步），如果一切都正常，则调用 resolve，否则调用 reject。

Promise常用方法

原型方法：then 方法 、catch 方法、 finally 方法

方法：resolve方法、reject 方法 、all方法、 race方法、any方法、allSettled方法

then 方法接受两个参数：

promise.then(onFulfilled, onRejected)

catch 方法

相当于调用 then 方法, 但只传入 Rejected 状态的回调函数

catch (onRejected) {

? return this.then(undefined, onRejected)

}

finally 方法

finally 方法用于指定不管 Promise 对象最后状态如何，都会执行的操作

finally (cb) {

? return this.then(

? ? value? => MyPromise.resolve(cb()).then(() => value),

? ? reason => MyPromise.resolve(cb()).then(() => { throw reason })

? );

};

then 方法 、catch 方法

Promise的状态一经改变就不能再改变。

.then和.catch都会返回一个新的Promise。catch不管被连接到哪里，都能捕获上层未捕捉过的错误。

在Promise中，返回任意一个非 promise 的值都会被包裹成 promise 对象

Promise 的 .then 或者 .catch 可以被调用多次, 但如果Promise内部的状态一经改变，并且有了一个值，那么后续每次调用.then或者.catch的时候都会直接拿到该值。

.then 或者 .catch 中 return 一个 error 对象并不会抛出错误，所以不会被后续的 .catch 捕获。

.then 或 .catch 返回的值不能是 promise 本身，否则会造成死循环。

.then 或者 .catch 的参数期望是函数，传入非函数则会发生值透传。

.then方法是能接收两个参数的，第一个是处理成功的函数，第二个是处理失败的函数，你可以认为catch是then第二个参数的简便写法。

.finally方法也是返回一个Promise，他在Promise结束的时候，无论结果为resolved还是rejected，都会执行里面的回调函数。

finally方法

.finally()方法不管Promise对象最后的状态如何都会执行

.finally()方法的回调函数不接受任何的参数，也就是说你在.finally()函数中是没法知道Promise最终的状态是resolved还是rejected的

它最终返回的默认会是一个上一次的Promise对象值，不过如果抛出的是一个异常则返回异常的Promise对象。

all方法、race方法：

Promise.all()的作用是接收一组异步任务，然后并行执行异步任务，并且在所有异步操作执行完后才执行回调。

.race()的作用也是接收一组异步任务，然后并行执行异步任务，只保留取第一个执行完成的异步操作的结果，其他的方法仍在执行，不过执行结果会被抛弃。

Promise.all().then()结果中数组的顺序和Promise.all()接收到的数组顺序一致。

all和race传入的数组中如果有会抛出异常的异步任务，那么只有最先抛出的错误会被捕获，并且是被then的第二个参数或者后面的catch捕获；但并不会影响数组中其它的异步任务的执行。

Promise为什么能链式调用

由于它的then方法和catch、finally方法会返回一个新的Promise所以可以允许我们链式调用

Promise.all中如果有一个抛出异常了会如何处理

all会抛出异常的异步任务，最先抛出的错误会被捕获，并且是被then的第二个参数或者后面的catch捕获；但并不会影响数组中其它的异步任务的执行。

EventLoop的执行过程

一开始整个脚本作为一个宏任务执行

执行过程中同步代码直接执行，宏任务进入宏任务队列，微任务进入微任务队列当前宏任务

执行完出队，检查微任务列表，有则依次执行，直到全部执行完

执行浏览器UI线程的渲染工作

检查是否有Web Worker任务，有则执行

执行完本轮的宏任务，回到2，依此循环，直到宏任务和微任务队列都为空