手写Promise

https://juejin.im/post/5b2f02cd5188252b937548ab  详解

https://juejin.im/post/5cd8d76d5188256805093a9f

//Promise函数

function Promise(executor) {

    let self = this; //保留this。防止后面方法出现this只想不明的问题

    self.status = 'pending'; //promise的默认状态是pending

    self.value= undefined; //保存成功回调传递的值

    self.error = undefined; //保存失败回调传递的值

    self.onSuccessCallbacks = []; //存放成功的回调

    self.onErrorCallbacks = []; //存放失败的回调

    function resolve(value) {

        if (self.status === 'pending') {

            self.status = 'resolved'; //成功函数将其状态修改为resolved

            self.value= value; //将成功的值保存起来

            self.onSuccessCallbacks.forEach(fn=> {

                fn();

            });

        }

    }

    function reject(error) {

        if (self.status === 'pending') {

            self.status = 'rejected'; //失败函数将其函数修改为rejected

            self.error = error; //将失败的值保存起来

            self.onErrorCallbacks.forEach(fn=> {

                fn();

            })

        }

    }

    try {

        executor(resolve, reject);

    } catch (err) {

        reject(err);

    }

}

//then函数

Promise.prototype.then = function (onResolved, onRejected) {

    let self = this;

    let promiseAgain = new Promise((resolve, reject) => {

        if (self.status === 'pending') {

            self.onSuccessCallbacks.push(() => {

                    let x = onResolved(self.value); //将resolve函数保留的成功值传递作为参数

                    resolvePromise(promiseAgain, x, resolve, reject);

            })

            self.onErrorCallbacks.push(() => {

                    let x = onRejected(self.error); //将reject函数保留的失败值传递作为参数

                    resolvePromise(promiseAgain, x, resolve, reject);

            })

        }

        if (self.status === 'resolved') {

                let x = onResolved(self.value); //将resolve函数保留的成功值传递作为参数

                resolvePromise(promiseAgain, x, resolve, reject);

        }

        if (self.status === 'rejected') {

                let x = onRejected(self.error); //将reject函数保留的失败值传递作为参数

                resolvePromise(promiseAgain, x, resolve, reject);

        }

    })

    return promiseAgain;

}

//resolvePromise函数

function resolvePromise(promiseAgain, x, resolve, reject) {

    if (promiseAgain === x) {

        return reject(new TypeError("循环调用"));

    }

    if (x !== null && (typeof x === 'object' || typeof x === 'function')) {

        try {

            let then = x.then;

            if (typeof then === 'function') {

                then.call(x, (y) => {

                    resolvePromise(promiseAgain, y, resolve, reject);

                }, (e) => {

                    reject(e);

                })

            } else {

                resolve(x);

            }

        } catch (error) {

            reject(error);

        }

    } else {

        resolve(x);

    }

}

module.exports = Promise;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 本文旨在简单讲解一下javascript中的Promise对象的概念,特性与简单的使用方法。并在文末会附上一...
    _暮雨清秋_阅读 2,259评论 0 3
  • Promise 对象 Promise 的含义 Promise 是异步编程的一种解决方案,比传统的解决方案——回调函...
    neromous阅读 8,738评论 1 56
  • 在ES6当中添加了很多新的API其中很值得一提的当然少不了Promise,因为Promise的出现,很轻松的就给开...
    嘿_那个谁阅读 3,688评论 2 3
  • 1.promise简介 1.1 Promise本意是承诺,在程序中的意思就是承诺我过一段时间后会给你一个结果...
    常青_1f93阅读 874评论 0 1
  • 排版很不友好,抱歉 /* * 实现Promise是根据Promise规范来的:https://promisesap...
    Egde阅读 1,513评论 0 0