js事件循环和事件队列

最新推荐文章于 2024-04-02 19:43:33 发布
最新推荐文章于 2024-04-02 19:43:33 发布
阅读量184 收藏
点赞数
分类专栏： 事件队列 文章标签： vscode 编辑器 ide
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/heiKeWangZi1368/article/details/123336581
版权

js是单线程，一次只能处理一个任务。但代码中有宏任务和微任务，它们会先执行js主栈，遇到微任务和宏任务先放到响应栈里，把主进程活干完了，再看看微任务有没有事件要处理，最后看看宏任务。有点向家里养小孩，先照顾好小孩，再看看大人吃了没有。每个函数中可能又包含了宏任务和微任务。一个函数要执行完整，把函数中主线程执行完，其中可能包含微任务和宏任务放到下一轮事件队列
详细视频地址：https://www.bilibili.com/video/BV1eJ41177Rg?p=1

heiKeWangZi1368
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js下写一个事件队列操作函数
12-10
前两天在网上看到这一系列的文章《写一个JavaScript异步调用框架1,2,3,4,5,6》。 异步操作可能会产生你不希望的事件触发顺序。这个问题以前也遇到过，当时没想太多，也就是直接多层嵌套（在ajax返回以后嵌套下一个事件）来解决。 认真的看了一遍。看的头昏，不得不说我可能基础并不好，在大局上的掌握也不好。d反正我是觉得很难理解，也不觉得它的调用时够方便的。 　　　如果是这么调用： var chain = Async.go(0); chain .next(function(){setTimeout(“alert(1)”,3000)}) .next(function(){setTimeou
理解JS事件循环
11-22
在这篇文章中，我将解释一些JavaScript并发模型的核心概念，包括其事件循环和消息队列，希望能够提升你对一种语言的理解，这种语言你可能已经在使用但也许并不完全理解。 这篇文章是写给谁的? 这篇文章是针对在...
js 队列和事件循环
weixin_34234721的博客
07-24 80
1.示例代码 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initia
事件队列事件循环(EventLoop) 宏任务 微任务详解 面试题
最新发布
xyphf的博客
04-02 695
事件队列 事件循环 Event Loop 宏任务 微任务 vue nextTick原理 详解
js事件循环队列
fiona_0427的博客
06-29 1069
事件循环队列 JavaScript是什么 是一个单线程、非阻塞、异步、解释型的脚本语言。那是怎么实现非阻塞、异步的？这就涉及到了浏览器的事件循环机制。 关于执行中的线程： 1、问：JavaScript被浏览器执行为什么是单线程？ 答：JavaScript 是浏览器脚本语言，它可以操纵 DOM ，可以渲染动画，可以与用户进行互动，如果是多线程，执行顺序无法预知，操作以哪个线程很难预知。 2、主线程：也就是 js 引擎执行的线程，这个线程只有一个，页面渲染、函数处理都在这个主线程上执行。 工作线程：也称幕后线程
JS 事件循环队列和任务队列——你不知道的JavaScript（中卷）
Sparkler123的博客
08-05 409
事件循环队列类似于一个游乐园游戏：玩过了一个游戏之后，你需要重新到队尾排队才能再玩一次。 而任务队列（ES6）类似于玩过游戏之后，插队接着继续玩。 ...
JavaScript 事件循环、任务队列
luoxingchen的专栏
03-29 165
经常有根据代码写出js执行结果的问题，往往考察的是对js在浏览器中执行机制的理解。如果了解不够深入，那么结果往往会谬以千里。 任务队列 宏任务（macrotask）和微任务(microtask) macrotask: script(整体代码), setTimeout, setInterval, setImmediate, I/O, UI rendering。 microtask：process.nextTick, Promise.then, Object.observe, Mutatio.
详解node.js 事件循环
01-21
Node.js 单线程类似进入一个while(true)的事件循环，直到没有事件观察者退出，每个异步事件都生成一个事件观察者，如果有事件发生就调用该回调函数. 事件驱动程序 Node.js 使用事件驱动模型，当web server接收到...
实例分析js事件循环机制
01-19
本文通过实例给大家详细分析了JS中事件循环机制的原理和用法，以下是全部内容： var start = new Date() setTimeout(function () { var end = new Date console.log('Time elapsed:', end - start, 'ms') }, 500)...
JavaScript队列、优先队列与循环队列
10-21
主要为大家详细介绍了JavaScript队列、优先队列与循环队列的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
javascript中利用数组实现的循环队列代码
10-29
javascript中利用数组实现的循环队列代码，需要的朋友可以参考下。
JS事件循环与任务队列（宏任务与微任务先后顺序，最全！！！）
m0_59722204的博客
02-08 1158
最全宏任务微任务先后顺序，一看就懂，不信你就来！！！
JS - 事件循环和任务队列
anleng6817的博客
06-18 198
栈、堆和队列 栈：函数调用形成栈 堆：对象的内容分配在堆中 队列：一个 JavaScript 运行时包含了一个待处理的消息队列。在事件循环期间依次处理队列中的消息 事件循环 之所以称之为事件循环，是因为它经常按照类似如下的方式来被实现： while (queue.waitForMessage()) { queue.processNextMessage(); } 如果当前没有...
js的事件循环和任务队列
weixin_30369041的博客
03-28 77
js 异步、栈、事件循环、任务队列 在开发中经常遇到js的异步问题，为了方便理解，记录下来，随时回顾。 以下的所有代码都是在浏览器环境下运行 在浏览器中js的运行是依赖浏览器js引擎来解析的，并且是在一定的runtime（运行时）的环境被调用，被执行。由于js引擎是单线程的，所以在执行dom渲染，script引入的时候这些操作是同步的，js引擎会通过 Event Loop 的机制，按顺序把任务...
JS事件循环Event Loop与任务队列
弟弟的博客
01-26 194
事件循环Event Loop JavaScript是单线程，异步，非阻塞的。 为了协调事件、用户交互、脚本、UI 渲染、网络请求，这就有了 Event Loop JS 会创建一个类似于 while (true) 的循环。 每次循环的过程就是查看是否有待处理事件，如果有则取出相关事件放入执行栈中由主线程执行。 待处理的事件会存储在一个任务队列中，也就是每次循环会查看任务队列中是否有需要执行的任务。 任务队列Event Queue Js 中，有两类任务队列：宏任务队列(macro tasks)和微任务队列(
JS基础--任务队列和事件循环
qq_56973906的博客
07-19 1027
而当一系列方法被依次调用的时候，因为js是单线程的，同一时间只能执行一个方法，于是这些方法被排队在一个单独的地方。如果有，那么主线程会从中取出排在第一位的事件，并把这个事件对应的回调放入执行栈中，然后执行其中的同步代码…被放入事件队列不会立刻执行其回调，而是等待当前执行栈中的所有任务都执行完毕，主线程处于闲置状态时，主线程会去查找事件队列是否有任务。不进入主线程，而是进入一个"任务队列"的任务，当主线程中的任务执行完，才会从任务队列中取出异步任务放入主线程执行。任务指的就是js代码中的运行的代码。...
深入学习JS：任务队列和事件循环
小绵杨
03-24 2889
目录一、问题二、js中的任务队列三、解决 一、问题 二、js中的任务队列 我们知道js是单线程的： JS作为浏览器的脚本语言，主要的用途就是与用户互动，操作dom，这也是根本原因决定JS是单线程的原因。 设想一个线程在DOM上添加元素，而另一个线程删除了这个节点，那这个时候应该听谁的？ 三、解决 ...
JS事件循环与任务队列（异步原理）
alexis7的博客
03-22 356
JS事件循环与任务队列（异步原理） 让我们先来看下面一道前端面试题： 请问以上代码执行的结果是什么？ 如果你想当然的以为执行的结果是1，2的话，那么就中招了，面试官就会知道你不知道JS的异步原理。其实这道题的正确顺序是先打印2再打印1，那么这是为什么呢？ 首先我们来看这张图，可以看到图中有三部分，第一部分是Callback Queue（任务队列），第二部分是JS引擎（左边部分），里面有个Heap和Stack，第三部分是WebAPI，包括一些DOM，ajax，setTimeOut等等，这三部分用箭头关联了起
javascript 事件循环机制的理解
forever__fish的博客
11-27 731
javaScript 是一门单线程语言，异步操作都是放在事件循环队列里面，等待主线程中的执行栈来执行的，并没有专门的异步执行线程。
js事件循环机制异步队列循环有几个队列
05-03
在JavaScript事件循环机制中，有以下几个队列： 1. 主线程任务队列（macrotask queue）：包括所有的同步任务和使用setTimeout()、setInterval()、setImmediate()、requestAnimationFrame()等方法添加的异步任务。 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值