登录  /  注册
首页 > web前端 > js教程 > 正文

nodejs可视化学习:事件循环【动图演示】

青灯夜游
发布: 2022-11-25 20:56:07
转载
1556人浏览过

本篇文章带大家通过动画来学习node事件循环,希望对大家有所帮助!

nodejs可视化学习:事件循环【动图演示】

我们都听说过 JavaScript 和 Node.js 是单线程的,但实际上这意味着什么?

image.png

这意味着 JavaScript 一次只能做一件事。 例如,我们不能同时将数字相乘和相加。我们通常按顺序进行操作。我们相加然后相乘,反之亦然。现代计算机速度很快,两个或多个连续任务的结果似乎是同时计算的,但也有例外。【相关教程推荐:nodejs视频教程

我们都曾尝试从那个缓慢的网站上抓取数据,或者在获得数据库查询结果之前等待了 30 多秒。我们是否想因为数据库查询速度慢而阻止单线程执行更多任务?然而,Node.js 并没有停止运行其他操作,因为 Libuv 是一个 C++ 库,负责事件循环和异步处理网络请求、DNS 解析、文件系统操作、数据加密等任务。

当 Node.js 处理诸如数据库查询之类的任务时,幕后会发生什么?我们将按照这段代码一步一步来探索它。

这是我们的示例代码

展示事件循环的代码示例

V8 JavaScript 引擎管理调用堆栈,这是跟踪我们程序的哪个部分正在运行的重要部分。每当我们调用 JavaScript 函数时,它都会被推送到调用堆栈。一旦函数到达其结尾或return语句,它就会从堆栈中弹出。

在我们的示例中,代码行 console.log('Starting Node.js') 被添加到调用堆栈并打印 Starting Node.js 到控制台。通过这样做,它到达log函数的末尾并从调用堆栈中删除。

Node.js 调用堆栈上的函数调用

以下代码行是一个数据库查询。这些任务会立即弹出,因为它们可能需要很长时间。它们被传递给 Libuv,后者在后台异步处理它们。同时,Node.js 可以在不阻塞其单线程的情况下继续运行其他代码。

将来,Node.js 将知道如何处理查询,因为我们已将回调函数与处理任务结果或错误的指令相关联。在我们的例子中,它是一个简单的 console.log,但它可能是复杂的业务逻辑或生产应用程序中的数据处理。

Libuv 处理 I/O 操作

当 Libuv 在后台处理查询时,我们的 JavaScript 没有被阻塞,可以继续使用 console.log(”Before query result”).

在 Node.js 运行我们的代码时处理 I/O

查询完成后,它的回调将被推送到 I/O 事件队列以立即运行*  * 事件循环将队列与调用堆栈连接起来。它检查后者是否为空并移动第一个队列项以执行。

事件循环检查空调用堆栈

该代码可在github.com/fabrillallo…

事件循环上的小测验

尝试找出控制台上打印的以下代码。

一个更复杂的代码示例来展示事件循环

结论

事件循环、委托和异步处理机制是 Node.js 处理数千个连接、读取/写入巨大文件、在处理我们代码的其他部分时处理计时器的秘密成分。

在文章中,我们看到了 Libuv 的重要作用以及它处理许多潜在的长时间运行任务的能力。同时,我们了解了事件循环及其作为 I/O 事件队列中异步操作回调与调用堆栈之间的桥梁/连接器的作用。在接下来的文章中,我们将更详细地探讨事件循环的不同阶段如何处理timersI/Opromisesticks 。

英文原文地址:https://dev.to/nodedoctors/an-animated-guide-to-nodejs-event-loop-3g62

更多node相关知识,请访问:nodejs 教程

以上就是nodejs可视化学习:事件循环【动图演示】的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:掘金社区网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号