Promise - （五）then方法参数回调函数加入异步微任务队列的时机

系统管理员 2023-10-01 08:22 21阅读 0赞

**先看一个例子**

Promise.resolve().then(()=>{
        setTimeout(()=>{
            console.log(1)
        })
    }).then(()=>{
        console.log(2)
    })

**思考一个问题1**

> 在JS事件循环机制触发前，即JS同步代码执行阶段，上面两个then都会执行吗？还是只执行第一个then？

答：两个then都会执行，因为then方法调用是同步的

**再思考一个问题2**

> 在JS事件循环机制触发前，即JS同步代码执行阶段，上面两个then都有返回值吗？是什么？

答：两个then执行后都会有返回值，且都是状态为pending的promise对象

**再思考一个问题3**

> 在JS事件循环机制触发前，即JS同步代码执行阶段，上面两个then执行结束后，对应的在执行栈中的函数执行上下文会被出栈销毁吗？

答：函数调用，则会创建函数执行上下文进入执行栈，函数调用结束，则对应的函数执行上下文出栈销毁。

**终极一问4**

> then的执行上下文被销毁了，then指定的回调函数去哪了？也被销毁了吗？

答：then被销毁前，会对then指定的回调函数做一些处理：

若调用then的promise对象状态已经不是pending了，则直接将回调函数推入异步微任务队列中存储

若调用then的promise对象状态还是pending，则会将回调函数交给调用者promise对象缓存，当promise对象状态被异步修改后，再去将回调函数推入异步任务队列中存储。

**补充一问5**

> 在then方法调用前一刻，调用它的promise对象的状态是啥？一定是非pending吗，或一定是pending吗？

我们需要搞清楚，promise对象的状态会在哪里被修改

答：不考虑Promise内部实现，仅考虑Promise使用，则只有一个地方可以修改promise对象的状态，那就是new Promise(excutor)的excutor执行器函数中，在excutor函数中调用resolve或reject方法修改promise对象的状态。

promise对象状态的修改有几种情况？

两种，同步修改或异步修改

在excutor中同步调用resolve或reject会导致，then方法调用前一刻，promise对象的状态就已经是非pending了

在excutor中异步调用resolve或reject会导致，then方法调用结束后，promise对象的状态依旧是pending的

所以我们在重写then方法时，需要考虑promise对象的状态pending，非pending都有可能

发表评论取消回复

表情：

评论列表（有 0 条评论，21人围观）

还没有评论，来说两句吧...

相关阅读

相关 promise 异步回调案例

<script> setTimeout(() => { console.log(5)//5 ...

水深无声/ 2024年04月19日 15:10/ 0 赞/ 145 阅读

相关 Promise - （五）then方法参数回调函数加入异步微任务队列的时机

先看一个例子 Promise.resolve().then(()=>{ setTimeout(()=>{ console.lo

系统管理员/ 2023年10月01日 08:22/ 0 赞/ 22 阅读

相关 Promise - （三）异步宏任务和异步微任务

浏览器五大核心线程： 1、GUI渲染线程 2、JS引擎线程 3、事件触发线程 4、定时触发器线程 5、异步http请求线程其中JS代码的解释执行是由JS引擎线程负

绝地灬酷狼/ 2023年10月01日 08:17/ 0 赞/ 55 阅读

相关 Promise - then参数回调函数返回值为Promise对象时产生的两次微任务说明

[【JS】因两道Promise执行题让我产生自我怀疑，从零手写Promise加深原理理解 - 听风是风 - 博客园 (cnblogs.com)][JS_Promise_Prom

缺乏、安全感/ 2023年09月29日 14:09/ 0 赞/ 40 阅读

相关 Promise - （六）关于then参数回调函数的缓存位置理解

题目来源于：[【JS】因两道Promise执行题让我产生自我怀疑，从零手写Promise加深原理理解 - 听风是风 - 博客园 (cnblogs.com)][JS_Promis

本是古典何须时尚/ 2023年09月29日 13:55/ 0 赞/ 33 阅读

相关同步回调函数与异步回调函数

//1.同步回调函数 const arr=[1,2,3]; arr.forEach(item=>{ conso

Bertha 。/ 2023年03月02日 07:42/ 0 赞/ 207 阅读

相关异步操作：回调、generator、Promise

异步操作： 1. 回调 2. Promise 3. generator //回调 // //回调 $.ajax({ url: xxx,

骑猪看日落/ 2023年02月23日 03:40/ 0 赞/ 66 阅读

相关 UnityAction异步回调导致的方法执行时机错误

else if(reply.upcomingEventsItem.Count > 0) {

Myth丶恋晨/ 2023年01月15日 12:27/ 0 赞/ 149 阅读

相关 Promise——告别回调函数

今天我们就接着来聊聊微任务的另外一个应用 Promise，DOM/BOM API 中新加入的 API 大多数都是建立在 Promise 上的，而且新的前端框架也使用了大量的 P

以你之姓@/ 2022年10月06日 00:53/ 0 赞/ 257 阅读

相关 Promise 异步回调方法应该

在传统的异步回调中大多都是方法里传入方法一直向函数里面深入添加或者用 jquery 扩展的 then 方法; 举个例子：在动画连接的应用中 .ball{w

心已赠人/ 2022年06月02日 06:27/ 0 赞/ 231 阅读