JavaScript多线程详解

时间：2021-05-26

虽然有越来越多的网站在应用AJAX技术进行开发，但是构建一个复杂的AJAX应用仍然是一个难题。

造成这些困难的主要原因是什么呢？是与服务器的异步通信问题？还是GUI程序设计问题呢？通常这两项工作都是由桌面程序来完成的，那究竟为何开发一个可以实现同样功能的AJAX应用就这么困难呢？

大家都知道javascript是单线程执行的，但是又可以通过setTimeout或者setInterval定时执行一个方法，通过Ajax可以在向服务器端发送请求没有收到回应可以继续执行主逻辑。这些是如何做到的呢，下面就来探讨下。

先看如下一段代码：

<html> <body> <script type="text/javascript"> function printHello() { console.time("hello"); } function printHello1() { console.timeEnd("hello"); } setTimeout(printHello,1000); setTimeout(printHello1,5000); function wait(time) { var now = Date.now(); while(Date.now() - now < time) { } } wait(5000); </script> </body></html>

以上代码得执行结果为

hello: 0.124ms

从代码可以看出，printHello 与printHello1几乎是同时执行的。如果对于多线程模型，应该执行间隔是4000ms。

以上的原因是setTimeout只是将事件到时间点压入队列，而不是立即执行。具体何时执行还要看浏览器的空闲程度。

其实虽然javascript是单线程的，但是浏览器是多线程的，典型的浏览器有如下线程：

javascript引擎线程
界面渲染线程
浏览器事件触发线程
Http请求线程

javascript单线程指的是javascript引擎线程单线程处理它的事件队列，而浏览器是事件驱动的，很多事件都是异步的，比如鼠标点击事件，setTimeout，Ajax回调事件，当这些事件发生时，浏览器会将这些事件放入执行队列，待浏览器空闲时再执行。

另外，值得一提的是，ajax调用确实是异步的，浏览器会启动一个新线程来想服务端发送请求，如果设置了回调事件，会根据服务端返回状态将回调事件放入事件队列。

以上所述是本人对JavaScript多线程的理解，个人理解能力有限，还望各位大侠提成宝贵意见，共同学习。希望以上介绍对大家有所帮助。

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章