#016#Promise构造函数

最新推荐文章于 2024-09-14 18:52:56 发布

tida_yake

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量46

点赞数

分类专栏：百日博客计划文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/tida_yake/article/details/129571182

版权

百日博客计划专栏收录该内容

23 篇文章 0 订阅

订阅专栏

本文介绍了如何实现Promise构造函数，详细讲解了状态管理（PENDING,FULFILLED,REJECTED）以及resolve函数。文章还涉及微任务的概念，特别是queueMicrotask在处理回调队列中的作用。最后指出，考虑到中小企业对小程序和移动端的需求，学习这些技术是很有价值的。

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

前言

日志，各位看官就当乐子看吧。

正经人谁写日记啊？！！ ——鹅城县长

实现Promise

实现Promise

原文：手撕Promise

构造函数

// Promise 构造函数

// 定义状态
const PENDING='pending'
const FULFILLED='fulfilled'
const REJECTED='rejected'

function Promise(executor){
    // 保证 this 指向实例
    const that=this 
    that.status=PENDING // 初始化状态
    that.data=undefined // 完成（成功或失败）后回调的值
    that.callbacks=[]    // 回调队列，用{ onResolve, onReject }对象存储指定的回调
    
    // resolve 改变实例状态为成功的函数
    function resolve(value) {
        if(that.status!==PENDING) return;
        that.status=FULFILLED;
        that.data=value;
        // 需要回调，调用 queueMicrotask 执行
        if(that.callbacks.length>0) {
            queueMicrotask(that.callbacks.forEach(cb => cb(that.data)))
        }
    }
}

其中提到了一个微任务ueMicrotask()的概念。

微任务和任务

MDN上写的很难懂啊。
关键区别：首先，每当一个任务存在，事件循环都会检查该任务是否正把控制权交给其他 JavaScript 代码。如若不然，事件循环就会运行微任务队列中的所有微任。
其次，如果一个微任务通过调用 queueMicrotask(), 向队列中加入了更多的微任务，则那些新加入的微任务会早于下一个任务运行。