HTML5之多线程(Web Worker)

这篇文章主要介绍了HTML5之多线程(Web Worker)的相关资料，写的十分的全面细致，具有一定的参考价值，对此有需要的朋友可以参考学习下。如有不足之处，欢迎批评指正。

提到 HTML5 总是让人津津乐道，太多的特性和有趣的 API 让人耳目一新。但是很多童鞋还停留在语义化的阶段，忽视了 HTML5 的强劲之处。
这节我们来探讨一下多线程 Web-Worker。

一、明确 JavaScript 是单线程

JavaScript 语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。
听起来有些匪夷所思，为什么不设计成多线程提高效率呢？我们可以假设一种场景：
假定 JavaScript 同时有两个线程，一个线程在某个 DOM 节点上添加内容，另一个线程删除了这个节点，这时浏览器应该以哪个线程为准？
作为浏览器脚本语言， JavaScript 的主要用途是与用户互动，以及操作 DOM 。
这决定了它只能是单线程，否则会带来很复杂的同步问题。为了避免复杂性，从一诞生， JavaScript 就是单线程，这已经成了这门语言的核心特征，估计短期内很难改变。

二、新曙光：Web Worker

单线程始终是一个痛点，为了利用多核 CPU 的计算能力， HTML5 提出 Web Worker 标准，允许 JavaScript 脚本创建多个线程。但是子线程完全受主线程控制，且不得操作 DOM 。
所以，这个新标准并没有改变 JavaScript 单线程的本质。
在此我向大家推荐一个前端全栈开发交流圈：619586920 突破技术瓶颈，提升思维能力
Web Workers 是现代浏览器提供的一个 JavaScript 多线程解决方案，我们可以找到很多使用场景：

• 1.我们可以用 Web Worker 做一些大计算量的操作；
• 2.可以实现轮询，改变某些状态；
• 3.页头消息状态更新，比如页头的消息个数通知；
• 4.高频用户交互，拼写检查，譬如：根据用户的输入习惯、历史记录以及缓存等信息来协助用户完成输入的纠错、校正功能等
• 5.加密：加密有时候会非常地耗时，特别是如果当你需要经常加密很多数据的时候（比如，发往服务器前加密数据）。
• 6.预取数据：为了优化网站或者网络应用及提升数据加载时间，你可以使用 Workers
  来提前加载部分数据以备不时之需。
  加密是一个使用 Web Worker 的绝佳场景，因为它并不需要访问 DOM 或者利用其它魔法，它只是纯粹使用算法进行计算而已。随着大众对个人敏感数据的日益重视，信息安全和加密也成为重中之重。这可以从近期的 12306 用户数据泄露事件中体现出来。