promise得实现原理

最新推荐文章于 2024-09-22 12:05:42 发布

小墨宝

最新推荐文章于 2024-09-22 12:05:42 发布

阅读量1k

点赞数 1

分类专栏： js 文章标签： javascript 前端 jquery

本文链接：https://blog.csdn.net/qq_38935512/article/details/122946760

版权

js 专栏收录该内容

69 篇文章 0 订阅

订阅专栏

本文深入探讨了Promise对象的性质和用法，包括作为构造函数初始化实例、执行器内部的resolve和reject方法以及Promise的三种状态转换。此外，还介绍了then方法的封装，根据Promise的状态来决定执行相应的回调函数。通过这段代码实现，读者可以更好地理解Promise的工作机制。

摘要由CSDN通过智能技术生成

1.Promise本身就是一个构造函数，用来初始化promise实例
2.传入一个执行器，内部注册两个方法resolve,reject，最后通过执行器来执行这两个方法
3.promise 内部有3个状态等待状态pedding，成功状态resolved,失败状态rejected
4.resolve和reject两个方法就是用来改变status状态得
5.后面封装then方法得时候,就是根据当前得状态来判断执行对应方法，第一个方法固定式成功回调，第二个就是失败回调

function Promise(executor) {
    //executor执行器
    let self = this;
    self.status = "pending"; //等待态
    self.value = undefined; // 表示当前成功的值
    self.reason = undefined; // 表示是失败的值
    function resolve(value) {
        // 成功的方法
        if (self.status === "pending") {
            self.status = "resolved";
            self.value = value;
        }
    }
    function reject(reason) {
        //失败的方法
        if (self.status === "pending") {
            self.status = "rejected";
            self.reason = reason;
        }
    }
    executor(resolve, reject);
}

Promise.prototype.then = function (onFufiled, onRejected) {
    let self = this;
    if (self.status === "resolved") {
        onFufiled(self.value);
    }
    if (self.status === "rejected") {
        onRejected(self.reason);
    }
};
module.exports = Promise;