JavaScript多线程详解_javascript技巧
程序员文章站
2022-04-29 19:46:30
...
虽然有越来越多的网站在应用AJAX技术进行开发,但是构建一个复杂的AJAX应用仍然是一个难题。
造成这些困难的主要原因是什么呢?是与服务器的异步通信问题?还是GUI程序设计问题呢?通常这两项工作都是由桌面程序来完成的,那究竟为何开发一个可以实现同样功能的AJAX应用就这么困难呢?
大家都知道javascript是单线程执行的,但是又可以通过setTimeout或者setInterval定时执行一个方法,通过Ajax可以在向服务器端发送请求没有收到回应可以继续执行主逻辑。这些是如何做到的呢,下面就来探讨下。
先看如下一段代码:
以上代码得执行结果为
hello: 0.124ms
从代码可以看出,printHello 与printHello1几乎是同时执行的。如果对于多线程模型,应该执行间隔是4000ms。
以上的原因是setTimeout只是将事件到时间点压入队列,而不是立即执行。具体何时执行还要看浏览器的空闲程度。
其实虽然javascript是单线程的,但是浏览器是多线程的,典型的浏览器有如下线程:
javascript引擎线程
界面渲染线程
浏览器事件触发线程
Http请求线程
javascript单线程指的是javascript引擎线程单线程处理它的事件队列,而浏览器是事件驱动的,很多事件都是异步的,比如鼠标点击事件,setTimeout,Ajax回调事件,当这些事件发生时,浏览器会将这些事件放入执行队列,待浏览器空闲时再执行。
另外,值得一提的是,ajax调用确实是异步的,浏览器会启动一个新线程来想服务端发送请求,如果设置了回调事件,会根据服务端返回状态将回调事件放入事件队列。
以上所述是本人对JavaScript多线程的理解,个人理解能力有限,还望各位大侠提成宝贵意见,共同学习。希望以上介绍对大家有所帮助。
推荐阅读
-
JS面向对象编程浅析_javascript技巧
-
一些常用的JS功能函数代码_javascript技巧
-
Javascript获取CSS伪元素属性的实现代码_javascript技巧
-
js使用for循环查询数组中是否存在某个值_javascript技巧
-
JSON.stringify转换JSON时日期时间不准确的解决方法_javascript技巧
-
JavaScript常用对象的方法和属性小结_javascript技巧
-
诘屈聱牙之javascript中国象棋_javascript技巧
-
js实现右下角可关闭最小化div(可用于展示推荐内容)_javascript技巧
-
javascript基础课程之运算符定义用法详解
-
关于实现代码语法标亮 dp.SyntaxHighlighter_javascript技巧