• Promise 类核心逻辑实现

      • Promise 就是一个类，在执行这个类的时候需要传递一个执行器进去，执行器会立即执行
      • Promise 中有三种状态，分别为 成功 fufilled 失败 rejected 等待 pending
        pending -> fulfilled
        pending -> rejected
        一旦状态确定就不可更改
      • resolve和reject函数是用来更改状态的
        resolve: fulfilled
        reject: rejected
      • then方法内部做的事情就是判断状态 如果状态是成功 调用成功的回调函数 如果状态是失败 调用失败回调函数 then方法是被定义在原型对象中的
      • then成功回调有一个参数 表示成功之后的值 then失败回调有一个参数 表示失败后的原因
      • 同一个promise对象下面的then方法是可以被调用多次的
      • then方法是可以被链式调用的, 后面then方法的回调函数拿到值的是上一个then方法的回调函数的返回值 ```javascript //定义三种状态，Promise 中有三种状态，分别为 成功 fufilled 失败 rejected 等待 pending const PENDING = ‘pending’; // 等待 const FULFILLED = ‘fulfilled’; // 成功 const REJECTED = ‘rejected’; // 失败

    //定义MyPromise类 //Promise 就是一个类，在执行这个类的时候需要传递一个执行器进去，执行器会立即执行 class MyPromise { //通过构造函数来接收执行器 constructor (executor) { try { //此执行器是要立即执行的,并要传递resolve,reject executor(this.resolve, this.reject) } catch (e) { this.reject(e); } } // promsie 状态，默认是等待 status = PENDING; // 成功之后的值 value = undefined; // 失败后的原因 reason = undefined; // 成功回调 successCallback = []; // 失败回调 failCallback = [];

    //resolve和reject函数是用来更改状态的 //resolve: fulfilled //reject: rejected //value 成功之后的值 resolve = value => { // 如果状态不是等待 阻止程序向下执行 if (this.status !== PENDING) return; // 将状态更改为成功 this.status = FULFILLED; // 保存成功之后的值 this.value = value; // 判断成功回调是否存在 如果存在 调用 // this.successCallback && this.successCallback(this.value); while(this.successCallback.length) this.successCallback.shift()() }

    //reason 失败原因 reject = reason => { // 如果状态不是等待 阻止程序向下执行 if (this.status !== PENDING) return; // 将状态更改为失败 this.status = REJECTED; // 保存失败后的原因 this.reason = reason; // 判断失败回调是否存在 如果存在 调用 // this.failCallback && this.failCallback(this.reason); while(this.failCallback.length) this.failCallback.shift()() }

    //then方法内部做的事情就是判断状态 如果状态是成功 调用成功的回调函数 如果状态是失败 调用失败回调函数 then方法是被定义在原型对象中的 //then成功回调有一个参数 表示成功之后的值 then失败回调有一个参数 表示失败后的原因 //同一个promise对象下面的then方法是可以被调用多次的 //then方法是可以被链式调用的, 后面then方法的回调函数拿到值的是上一个then方法的回调函数的返回值 then (successCallback, failCallback) { // 参数可选 successCallback = successCallback ? successCallback : value => value; // 参数可选 failCallback = failCallback ? failCallback: reason => { throw reason }; let promsie2 = new MyPromise((resolve, reject) => { // 判断状态 if (this.status === FULFILLED) { //添加异步逻辑 setTimeout(() => { try { let x = successCallback(this.value); // 判断 x 的值是普通值还是promise对象 // 如果是普通值 直接调用resolve // 如果是promise对象 查看promsie对象返回的结果 // 再根据promise对象返回的结果 决定调用resolve 还是调用reject resolvePromise(promsie2, x, resolve, reject) }catch (e) { reject(e); } }, 0) }else if (this.status === REJECTED) { setTimeout(() => { try { let x = failCallback(this.reason); // 判断 x 的值是普通值还是promise对象 // 如果是普通值 直接调用resolve // 如果是promise对象 查看promsie对象返回的结果 // 再根据promise对象返回的结果 决定调用resolve 还是调用reject resolvePromise(promsie2, x, resolve, reject) }catch (e) { reject(e); } }, 0) } else { // 等待 // 将成功回调和失败回调存储起来 this.successCallback.push(() => { setTimeout(() => { try { let x = successCallback(this.value); // 判断 x 的值是普通值还是promise对象 // 如果是普通值 直接调用resolve // 如果是promise对象 查看promsie对象返回的结果 // 再根据promise对象返回的结果 决定调用resolve 还是调用reject resolvePromise(promsie2, x, resolve, reject) }catch (e) { reject(e); } }, 0) }); this.failCallback.push(() => { setTimeout(() => { try { let x = failCallback(this.reason); // 判断 x 的值是普通值还是promise对象 // 如果是普通值 直接调用resolve // 如果是promise对象 查看promsie对象返回的结果 // 再根据promise对象返回的结果 决定调用resolve 还是调用reject resolvePromise(promsie2, x, resolve, reject) }catch (e) { reject(e); } }, 0) }); } }); return promsie2; }

    //不管是成功还是失败，finally方法都会被执行一次 finally (callback) { return this.then(value => { return MyPromise.resolve(callback()).then(() => value); }, reason => { return MyPromise.resolve(callback()).then(() => { throw reason }) }) }

    //当then方法不传递失败回调的时候，catch能捕获失败回调 catch (failCallback) { return this.then(undefined, failCallback) }

    //解决异步并发问题 static all (array) { let result = []; let index = 0; return new MyPromise((resolve, reject) => { function addData (key, value) { result[key] = value; index++; if (index === array.length) { resolve(result); } } for (let i = 0; i < array.length; i++) { let current = array[i]; if (current instanceof MyPromise) { // promise 对象 current.then(value => addData(i, value), reason => reject(reason)) }else { // 普通值 addData(i, array[i]); } } }) }

    //将给定的值，转换成promise对象 static resolve (value) { if (value instanceof MyPromise) return value; return new MyPromise(resolve => resolve(value)); } }

    //解析promise,判断x是普通值还是promise对象,防止promise循环调用 function resolvePromise (promsie2, x, resolve, reject) { //如果返回的x等于promise2,就是自己返回自己，则走失败的情况，类型错误 if (promsie2 === x) { return reject(new TypeError(‘Chaining cycle detected for promise #‘)) } if (x instanceof MyPromise) { // promise 对象 // x.then(value => resolve(value), reason => reject(reason)); x.then(resolve, reject); } else { // 普通值 resolve(x); } }

    module.exports = MyPromise; ```