js 线程

什么是线程?

提到线程,必不可少提到进程了,百度解释如下:

进程:操作系统分配的占有CPU资源的最小单位。拥有独立的地址空间。

线程:安排CPU执行的最小单位。同一个进程下的所有线程,共享进程的地址空间。

简单讲,计算机就像工厂,进程是个大车间,计算机内部有很多个这样的大车间。线程是工人,每一个车间里的工人至少有一个。

js是单线程还是多线程?

javaScript是单线程执行机制。

ps:

什么是单线程?单线程就是一个进程中只有一个线程。程序顺序执行,前面的执行完,才会执行后面的程序,即一次只能做一件事。
什么是多线程?多线程就是一个进程中只有多个线程。在进程内部进行线程间的切换,由于每个线程执行的时间片很短,所以在感觉上是并行的。

为什么感觉js是多线程?

JavaScript单线程的执行浏览器的一个事件队列,要执行的函数和触发事件的回调函数都被浏览器放在这个队列中,js的“多线程”来源于浏览器的多线程。

浏览器多线程

浏览器中有三个常驻的线程,分别是JS引擎,界面渲染,事件响应。由于这三个线程同时要访问DOM树,所以为了线程安全,浏览器内部需要做互斥:当JS引擎在执行代码的时候,界面渲染和事件响应两个线程是被暂停的。所以当JS出现死循环,浏览器无法响应点击,也无法更新界面。现在的浏览器的JS引擎都是单线程的,尽管多线程功能强大,但是线程同步比较复杂,并且危险,稍有不慎就会崩溃死锁。单线程的好处不必考虑线程同步这样的复杂问题,简单而安全。

setInterval和setTimeout是多线程吗?

setInterval和setTimeout并不是多线程,这两个函数根本上其实是事件触发函数,只是一个定时的事件触发器,它们在合适的时间把一些JS代码塞到JS引擎的队列中。

ps:setTimeout(cbFun, 0),这行代码看似是在0秒之后执行cbFun, 但这并不意味着立即执行。其它真正的意思是立刻把cbFun的代码放到当前JS引擎的队列中。尽管setTimeout的参数是0,但这并不意味着立即执行,在一个事件的响应代码执行完成之后,即使队列中有待执行的代码,浏览器也会先执行页面渲染和响应事件,完成之后再执行队列中的代码。

Ajax异步请求是多线程吗?

异步Ajax确实用了多线程,只是Ajax请求的Http连接部分由浏览器另外开了一个线程执行,执行完毕之后给JS引擎发送一个事件,这时候异步请求的回调代码得以执行。它的执行流程是这样的:

Http请求的执行在另外一个线程中,由于这个线程并不会操作DOM树,所以是可以保证线程安全的。发起Ajax请求和回调函数中间是没有JS执行的,所以页面不会卡死。

如何实现js多线程?

Web Worker

使用方式可参考:

Web Worker w3school 在线教程

Web Worker 使用教程 - 阮一峰的网络日志

什么时候使用js多线程

个人认为遇到繁琐逻辑,代码量比较大时可以考虑多线程。

特别感谢为本博文提供帮助的文章与网站:

博客园-小马哥:http://www.cnblogs.com/mafeng/p/6292534.html

前端大神-阮一峰:http://www.ruanyifeng.com/blog/2018/07/web-worker.html

w3cschool在线教程:http://www.w3school.com.cn/html5/html_5_webworkers.asp

猜你喜欢

转载自blog.csdn.net/Beamon__/article/details/88633600