promise的多个then的事件循环顺序

js 复制代码
new Promise((resolve, rejcet) => {
  console.log('promise1');
  resolve();
}).then(() => {
  console.log('then11');
  new Promise((resolve, reject) => {
    console.log('promise2');
    resolve();
  }).then(() => {
    console.log('then21');
  }).then(() => {
    console.log('then23');
  })
}).then(() => {
  console.log('then12');
})

我以为then是同时执行的,即异步。其实then是同步的,只能一个个执行,等待一个执行完毕了才能走下一个

他这里两个then,就是说,不会一次一起执行then,把then里面的东西放入微任务,而是把一个then当作一轮循环来执行了。

的确,不了解的话,写代码容易出现执行顺序不对的问题

相关推荐
hulkie6 分钟前
从 AI 对话应用理解 SSE 流式传输:一项 "老技术" 的新生
前端·人工智能
dobym10 分钟前
里程碑五:Elpis框架npm包抽象封装并发布
前端
全栈老石13 分钟前
手写无限画布4 —— 从视觉图元到元数据对象
前端·javascript·canvas
牛奶13 分钟前
React 底层原理 & 新特性
前端·react.js·面试
用户114896694410520 分钟前
VUE3响应式原理——从零解析
vue.js
parade岁月20 分钟前
Tailwind CSS v4 — 当框架猜不透你的心思
前端·css
用户830407130570122 分钟前
SPA 首屏加载速度慢怎么解决?
vue.js·webpack
小明91323 分钟前
基于Rokid CXR-M SDK的AI饮食健康助手开发实战
前端
一枚前端小姐姐23 分钟前
低代码平台表单设计系统技术分析(实战三)
前端·vue.js·低代码
牛奶24 分钟前
ts随笔:面向对象与高级类型
前端·面试·typescript