JavaScript多线程编程

最新推荐文章于 2024-08-23 08:28:17 发布

卡卡的Java架构笔记

最新推荐文章于 2024-08-23 08:28:17 发布

阅读量3.9k

点赞数 2

文章标签： javascript ui 前端程序人生 java

本文链接：https://blog.csdn.net/duan18888/article/details/124498654

版权

JavaScript在浏览器端是单线程执行的，可能导致UI渲染阻塞。Web Worker是HTML5的一种技术，允许JavaScript在后台线程运行，避免阻塞主线程，提升用户体验。本文介绍了Web Worker的概念、使用问题、应用场景和兼容性，揭示了其在前端复杂计算中的价值。

摘要由CSDN通过智能技术生成

浏览器端JavaScript是以单线程的方式执行的，也就是说JavaScript和UI渲染占用同一个主线程，那就意味着，如果JavaScript进行高负载的数据处理，UI渲染就很有可能被阻断，浏览器就会出现卡顿，降低了用户体验。

为此，JavaScript提供了异步操作，比如定时器(setTimeout、setInterval)事件、Ajax请求、I/O回调等。我们可以把高负载的任务使用异步处理，它们将会被放入浏览器的事件任务队列（event loop）中去，等到JavaScript运行时执行线程空闲时候，事件队列才会按照先进先出的原则被一一执行。

nodejs引以为荣的异步处理

通过类似定时器，回调函数等异步编程方式在平常的工作中已经足够，但是如果做复杂运算，这种方式的不足就逐渐体现出来，比如settimeout拿到的值并不正确，或者页面有复杂运算的时候很容易触发假死状态，异步代码会影响主线程的代码执行，异步终究还是单线程，不能从根本上解决问题。

多线程（Web Worker）就应运而生，它是HTML5标准的一部分，这一规范定义了一套 API，允许一段JavaScript程序运行在主线程之外的另外一个线程中。将一些任务分配给后者运行。在主线程运行的同时，Worker（子）线程在后台运行，两者互不干扰。等到 Worker 线程完成计算任务，再把结果返回给主线程。这样的好处