同步异步,微任务宏任务

Posted fengshaopu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了同步异步,微任务宏任务相关的知识,希望对你有一定的参考价值。

先执行同步的,在执行异步的
异步:微任务:propmise().then() ,async,awiat process.next()
宏任务 :setTiimeout setInterval ajax DOM事件
同步:其他的就是同步的

如果异步里面包含异步会执行同步跟异步的微任务

写出console.log的输出顺序

console.log(100);    //异步先执行   1

setTimeout(()=>{              //4
    console.log(200);
})

setTimeout(()=>{                       //5
    console.log(201);
})

Promise.resolve().then(()=>{           //微任务比宏任务先执行  3
    console.log(300);
})

console.log(400);         //异步先执行   2


// 100 400 300 200 201
// 为什么300比200先打印

以上是关于同步异步,微任务宏任务的主要内容,如果未能解决你的问题,请参考以下文章

事件循环同步异步宏任务微任务

event loop ,宏任务,微任务之我见

20230515学习笔记——js中的同步任务与异步任务,宏任务与微任务

一篇文章快速搞懂JavaScript事件循环(微任务宏任务),同步异步和阻塞非阻塞

js的事件循环机制:同步与异步任务(setTimeout,setInterval)宏任务,微任务(Promise,process.nextTick)

js 事件循环消息队列和微任务宏任务