Promise源码分析

最新推荐文章于 2024-03-18 19:29:44 发布

土豆切成丝

最新推荐文章于 2024-03-18 19:29:44 发布

阅读量1k

点赞数 3

分类专栏： JavaScript es6 文章标签： javascript es6

本文链接：https://blog.csdn.net/A20201130/article/details/123782960

版权

本文探讨Promise的实现原理，强调其通过then方法的链式调用来简化多层回调的复杂性，提供了一种更直观的异步编程方式。虽然文中只实现了一部分功能，但旨在方便未来查阅和学习，欢迎读者提出宝贵意见。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现原理：说到底，Promise 也还是使用回调函数，只不过是把回调封装在了内部，使用上一直通过 then 方法的链式调用，使得多层的回调嵌套看起来变成了同一层的，书写上以及理解上会更直观和简洁一些。

我这里只是实现了部分的功能，并非和源码一模一样！希望里面不足的地方，小伙伴们多多指正

//我们首先来定义一个MyPromise类，我在这里使用立即执行函数的方式，防止变量全局污染。
const MyPromise = (() => {
    // 定义三种状态
    const PENDING = "pending";
    const RESOLVED = "resolved";
    const REJECTED = "rejected";

    //这里使用Symbol定义不让外界访问的符号属性，状态和数据
    const PromiseResult = Symbol("PromiseResult")
    const PromiseState = Symbol("PromiseState")

    const changeStatus = Symbol("changeStatus")

    // 定义两个任务队列：成功的后续处理和失败后续处理
    const thenables = Symbol("thenables")
    const catchables = Symbol("catchables")

    const settleHandle = Symbol("settleHandle")

    return class MyPromise {

最低0.47元/天解锁文章