美文网首页
简单概念搞懂EvenLoop 事件循环

简单概念搞懂EvenLoop 事件循环

作者: 米卡卡米 | 来源:发表于2022-02-23 10:08 被阅读0次

先附上我看的感觉很容易懂的链接:https://www.bilibili.com/video/BV1oV411k7XY

众所周知,JS是单线程的,一次执行一件事情,这就是同步的概念。但是因为现在代码需求量各种升级,各种各种情况,导致同步不够用了,于是引入了异步的概念。
同步任务:按从上往下的顺序进行执行。
异步任务:不进入主线程,但是进入任务线程中。其中又分为宏任务和微任务两种。
宏任务:渲染事件、请求、script、settimeout等
微任务:promise.then、Process.nextTick等。
执行顺序就是 同步任务--->任务线程中的宏任务--->宏任务里面的微任务---->下一个同步的任务--->下一个任务线程的宏任务。

简单截图理解


执行console.log(‘hi’) 执行settimeout(先挂载到主线程)settimeout 执行settimeout(浏览器收到指令并执行启动计时器) 执行settimeout(从主线程去除)
执行主线程中console.log('jsbing') 计时结束后进入任务线程中settimeout方法
任务线程回调回主线程中执行function 执行输出,结束

相关文章

  • 简单概念搞懂EvenLoop 事件循环

    先附上我看的感觉很容易懂的链接:https://www.bilibili.com/video/BV1oV411k7...

  • 事件循环机制

    事件循环(evenloop) 事件循环机制是宿主环境提供的。js中处理异步,增加了任务队列的概念(你不知道的js中...

  • 浅谈JavaScript事件循环与Vue的批量异步更新策略

    在介绍事件循环之前,首先要明确以下几个关键概念。事件循环,同步和异步任务,宏任务,微任务。 一.事件循环 事件循环...

  • RunLoop

    概念 运行循环(死循环) 作用 保证程序持续运行 处理app中各种事件(触摸事件,定时器事件,selector事件...

  • netty启动过程

    源码分析基于netty 4 接口结构 evenloop 先看看evenloop的接口 除了jdk原生的Schedu...

  • 前端知识点

    JS 1. 事件循环 「硬核JS」一次搞懂JS运行机制[https://juejin.cn/post/684490...

  • iOS RunLoop

    概念 数据结构 事件循环机制 Runloop 与 NSTimer 什么是RunLoop 是通过内部维护事件循环来对...

  • iOS RunLoop

    RunLoop 1、概念 RunLoop是通过内部维护的事件循环,来对事件/消息进行管理的一个对象 2、事件循环:...

  • RunLoop知识点

    一、概念 RunLoop是通过内部维护的事件循环来对事件/消息进行管理的一个对象。 问题1:什么是事件循环 解释:...

  • Runloop 基础

    RunLoop概念: 是通过内部维护的事件循环来对事件/消息进行管理的一个对象。事件循环的定义:1)没有消息需要处...

网友评论

      本文标题:简单概念搞懂EvenLoop 事件循环

      本文链接:https://www.haomeiwen.com/subject/ruyglrtx.html