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当作一轮循环来执行了。

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

相关推荐
chilavert3183 分钟前
技术演进中的开发沉思-228 Ajax: Aptana开发
前端·javascript·ajax
kwg1269 分钟前
Dify二次开发-AI 应用端反馈指令接收(AI 应用端 → Dify)
前端·数据库·人工智能
哟哟耶耶10 分钟前
knowledge-scss学习
前端·学习·scss
丫丫72373411 分钟前
Three.js 材质系统总结笔记
javascript·笔记·材质
坚定信念,勇往无前11 分钟前
springboot +mongodb游标分页,性能好。前端存储游标历史
前端·spring boot·mongodb
GIS遥遥12 分钟前
2025Cesium进阶教程(5)| webgis智慧城市开发,大屏可视化行政区高亮
javascript·cesium·gis开发·三维gis·webgis开发
却话巴山夜雨时i13 分钟前
295. 数据流的中位数【困难】
java·服务器·前端
云技纵横15 分钟前
Vue无限滚动实战——从原理到企业级优化方案
前端
细心细心再细心17 分钟前
响应式记录
前端·vue.js
北辰alk21 分钟前
Vue打包后静态资源图片失效?一网打尽所有解决方案!
vue.js