说说你对事件循环event loop的理解?

JavaScript是一种单线程语言,它的事件循环机制包括浏览器和Node.js两种,用于管理同步和异步任务的执行顺序。同步任务在主线程上顺序执行,异步任务分为宏任务和微任务,分别在不同的任务队列中等待执行。宏任务包括整体代码、定时器和I/O等,微任务如Promise回调和MutationObserver。执行顺序为:同步任务->微任务->宏任务,依次循环直至所有任务完成。
摘要由CSDN通过智能技术生成

1.javaScript单线程的介绍

首先我们要先知道JavaScript是一种单线程的编程式语言,同一时间内只能做一件事,所有的任务都是需要排队完成的。
那么问题来了,为什么JS不能有多个线程呢?
这里给大家做了解释:JavaScript作为浏览器脚本语言,其主要用途是与用户互动,以及操作DOM。这决定了它只能是单线程,否则会带来很复杂的同步问题。例如,假定JavaScript同时有两个线程,一个线程在某个DOM节点上添加内容,另一个线程删除了这个节点,这时浏览器应该以哪个线程为准。因此为了避免这种复杂性,因此JS只能是单线程。
2.事件循环机制(Event Loop)

介绍:

事件循环分为两种,分别是浏览器事件循环和node.js事件循环,JavaScript是一门单线程语言,意思是主线程只有一个。Event Loop事件循环机制,其实就是JS引擎管理事件执行的一个流程,具体由运行环境确定。
目前JS的主要运行环境有两个,浏览器和Node.js。
事件循环机制告诉了我们JS代码的执行顺序,是指浏览器或Node的一种解决JS单线程运行时不会阻塞的一种机制。
浏览器的事件循环又分为同步任务和异步任务
3.同步任务和异步任务介绍

同步任务:

含义:在主线程上排队执行的任务,只有上一个任务执行完毕,才能执行后一个任务
异步任务:

含义:不进入主线程,而进入“任务队列(task queue)”的任务,只有“任务队列”通知主线程,某个异步任务可以执行了,该任务才会进入主线程执行。
分类:异步任务又分为宏任务和微任务。所有同步任务都在主线程上执行,形成一个函数调用栈(执行栈),而异步则先放到任务队列(task queue)里,任务队列又分为宏任务(macro-task)与微任务(micro-task)。
4.宏任务与微任务

宏任务包括:script(整体代码)、setTimout、setInterval(以及:I/O、UI交互事件)
微任务包括:new promise().then(回调)、MutationObserver(html5新特新)、Object.observe(已废弃)、process.nextTick(node环境)
若同时存在promise和nextTick,则先执行nextTick
5.执行顺序

  • 先执行同步代码,
  • 遇到异步宏任务则将异步宏任务放入宏任务队列中,
  • 遇到异步微任务则将异步微任务放入微任务队列中,
  • 当所有同步代码执行完毕后,再将异步微任务从队列中调入主线程执行,
  • 微任务执行完毕后再将异步宏任务从队列中调入主线程执行,
  • 一直循环直至所有任务执行完毕。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值