理解JS事件循环资源-CSDN文库

98 浏览量 2020-11-22 14:56:01 上传评论收藏 215KB PDF 举报

资源推荐

资源详情

资源评论

理解理解JS事件循环事件循环

伴随着JavaScript这种web浏览器脚本语言的普及，对它的事件驱动交互模型，以及它与Ruby、Python和Java中常见的请求-

响应模型的区别有一个基本了解，对您是有益的。在这篇文章中，我将解释一些JavaScript并发模型的核心概念，包括其事件

循环和消息队列，希望能够提升你对一种语言的理解，这种语言你可能已经在使用但也许并不完全理解。

这篇文章是写给谁的这篇文章是写给谁的?

这篇文章是针对在客户端或服务器端使用或计划使用JavaScript的web开发人员的。如果你已经精通事件循环，那么这篇文章

的大部分对你来说会很熟悉。对于那些还不是很精通的人，我希望能给你提供一个基本的了解，这样可以更好地帮助你阅读和

编写日常代码。

非阻塞非阻塞I / O

在JavaScript中，几乎所有的I/O都是非阻塞的。这包括HTTP请求，数据库操作和磁盘读写，单线程执行要求在运行期执行一

个操作时，提供一个回调函数，然后继续做其它的事情。当操作已经完成时，消息和已提供的回调函数一起插入到队列。在将

来的某个时候，消息从队列移除，回调函数触发。

虽然这种交互模型可能对已经习惯使用用户界面的开发人员很熟悉，比如“mousedown,”和“click”事件在某一时刻被触发。这与

通常在服务器端应用程序进行的同步式请求-响应模型是不同的。

让我们来比较一下两小块代码，发出HTTP请求到www.google.com和输出响应到控制台。首先看看Ruby，配合使用

Faraday（一个Ruby 的HTTP 客户端开发库）:

response = Faraday.get 'http://www.google.com'

puts response

puts 'Done!'

执行路径很容易跟踪:

1、执行get方法，执行的线程等待，直到收到响应

2、从谷歌收到响应并返回给调用者，它存储在一个变量中

3、变量的值(在本例中，就是我们的响应)输出到控制台

4、值“Done!“输出到控制台

让我们使用Node.js和Request库在JavaScript做同样的事情:

request('http://www.google.com', function(error, response, body) {

console.log(body);

});

console.log('Done!');

表面上看略有不同,实际行为截然不同:

1、执行请求函数，传递一个匿名函数作为回调，当响应在将来某个时候可用时执行回调。

2、“Done!“立即输出到控制台

3、在将来的某个时候，响应返回和回调执行时，输出它的内容到控制台

事件循环事件循环

将调用者和响应解耦，使得JavaScript在运行期等待异步操作完成和回调触发时可以做其他事情。但是这些回调在内存中是如

何组织的，按什么顺序执行？什么导致他们被调用？

JavaScript运行时包含一个消息队列，它存储了需要处理的消息的列表和相关的回调函数。这些消息是以队列的形式来响应回

调函数所涉及的外部事件(如鼠标单击或收到HTTP请求的响应)的。例如，如果用户单击一个按钮，但没有提供回调函数，那

么也没有消息会被加入队列。

在一次循环，队列提取下一条消息(每次提取称为一次“tick”)，当事件发生，该消息的回调执行。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余3页未读，立即下载

内容反馈

weixin_38748055

粉丝: 4
资源: 960

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip