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

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

相关推荐
徐同保17 小时前
typeorm node后端数据库ORM
前端
我血条子呢17 小时前
【Vue3组件示例】简单类甘特图组件
android·javascript·甘特图
艾小码17 小时前
Vue 组件设计纠结症?一招教你告别“数据到底放哪”的烦恼
前端·javascript·vue.js
SVIP1115918 小时前
即时通讯WebSocket详解及使用方法
前端·javascript
mCell1 天前
使用 useSearchParams 同步 URL 和查询参数
前端·javascript·react.js
mCell1 天前
前端路由详解:Hash vs History
前端·javascript·vue-router
海上彼尚1 天前
无需绑卡的海外地图
前端·javascript·vue.js·node.js
1024肥宅1 天前
手写 call、apply、bind 的实现
前端·javascript·ecmascript 6
科杰智能制造1 天前
纯前端html、js实现人脸检测和表情检测,可直接在浏览器使用
前端·javascript·html
每天吃饭的羊1 天前
组件库的有些点击事件是name-click这是如何分装de
前端·javascript·vue.js