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

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

相关推荐
孤酒独酌21 小时前
一次断网重连引发的「模块加载缓存」攻坚战
前端
jinzeming99921 小时前
Vue3 PDF 预览组件设计与实现分析
前端
NuLL21 小时前
全场景智能克隆工具:超越 JSON.parse(JSON.stringify())
javascript
编程小Y21 小时前
Vue 3 + Vite
前端·javascript·vue.js
GDAL1 天前
前端保存用户登录信息 深入全面讲解
前端·状态模式
大菜菜1 天前
Molecule Framework -EditorService API 详细文档
前端
Anita_Sun1 天前
😋 核心原理篇:线程池的 5 大核心组件
前端·node.js
灼华_1 天前
Web前端移动端开发常见问题及解决方案(完整版)
前端
_请输入用户名1 天前
Vue3 Patch 全过程
前端·vue.js
孟祥_成都1 天前
nest.js / hono.js 一起学!字节团队如何配置多环境攻略!
前端·node.js