JavaScript Event Loop事件循环

JS是单线程的语言,它的异步同步是通过 Event Loop实现的,分为三个栈,调用栈、消息队列(宏任务)、微任务。

js执行的时候调用DOM遇到第一个函数的时候会把函数压入栈。

function fn2(){
            console.log(2)
        }
fn2()

fu2()会压入栈 执行function fn2()输出console.log(2)后栈弹出

复制代码
var p = new Promise (resolve=>{
            console.log(5)   //5
            resolve()
        })
        p.then(function(){
            console.log(3)  //3
        })
        function fn2(){
            console.log(2)
       setTimeout(()=>{console.log(6)}) //6 } fn2()
复制代码

遇到promise 会把new promise压入栈中输出5 再把resolve()压入栈中,将p.then里的console.log(3)导入微任务中,执行fn2输出2后把setTimeout压入消息队列中,再执行微任务里的console.log(3),微任务执行完毕后也就是输出3后,在执行console.log(6),最后弹出。  这就是js单线程执行顺序

 

posted @   一杯咖啡钱  阅读(39)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 25岁的心里话
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示