什么是Web Worker?

在w3c是这样说的:

当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成。
web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做任何愿意做的事情:点击、选取内容等等,而此时 web worker 在后台运行。

简单的说,Web Worker 就是一个运行在后台的js线程,不会影响页面的响应。
js是单线程的脚本语言,即同一时刻只能做一件事情,比如js 同时有两个线程,一个负责给某个DOM节点添加内容,另一个负责删除这个节点,这时,浏览器要以哪个线程为主呢?
所以,为了避免同步复杂性问题,js 从一诞生起就是单线程,这也是这门语言的特征。


当然js的单线程机制会带来一些问题,比如 有时候页面不得不等待某些任务处理完才能响应用户的操作,这对应页面的响应及用户体验带来负面影响。
所以为了解决这个问题,也为了更好的利用多核CPU的计算能力,HTML5提出了Web Worker标准,允许js 创建多个线程,但新创建的这些线程将作为子线程并且完全受主线程控制,并且不得操作DOM,其本质上还是单线程。所以,一般我们可以把一些费时的任务交个Web Worker 创建的子线程在后台完成,而前台页面依然可以处理用户的响应。

列举一些web worker的使用限制:

  1. 无法访问DOM节点;
  2. 无法访问全局变量或者全局函数
  3. 无法调用alert()或者 confirm之类的函数
  4. 无法访问window,document之类的浏览器全局变量

目前所有主流浏览器均支持 web worker,除了 Internet Explorer

你的闲暇往往定你的终身

标签云

友情链接