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

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

相关推荐
摸着石头过河的石头15 小时前
函数的超能力:JavaScript高阶函数完全指南
前端·javascript
汤姆Tom15 小时前
写这么多年CSS,都不知道什么是容器查询?
前端·css·面试
进击的二向箔15 小时前
Vue 3 深度解析:Composition API 如何改变前端开发方式
前端
golang学习记15 小时前
从0死磕全栈之Next.js 表单开发终极指南:使用 Server Actions 构建高效、安全、现代化的表单
前端
纯爱掌门人15 小时前
我把前端踩坑经验总结成28条“涨薪秘籍”,老板夸同事赞,新手照着做准没错
前端·程序员·代码规范
LuckySusu15 小时前
【vue篇】Vue 模板编译全解析:从 Template 到 DOM 的奇妙旅程
前端·vue.js
LuckySusu15 小时前
【vue篇】Vue 响应式更新揭秘:数据变了,DOM 为何不立即刷新?
前端·vue.js
LuckySusu15 小时前
【vue篇】Vue 事件修饰符完全指南:精准控制事件流
前端·vue.js
62696016 小时前
前端页面出现问题ResizeObserver loop completed with undelivered notifications.
前端
LuckySusu16 小时前
【vue篇】Vue 组件继承与混入:mixin 与 extends 的合并逻辑深度解析
前端·vue.js