js是单线程模型。也就是说一次只能处理一件事情,前面的事情没有完毕,后面的事情要等待前面的事情处理完毕后才能执行。
随着多核CPU的出现,我们可以最大限度的利用cpu多核,来提高js的性能。Worker接口可以创建后台任务,即可以给js运行新增线程。
用于处理一些耗时、耗费性能的任务(异步的除外)。
要解决的问题是:
1.解决页面卡死问题。
2.发挥多核CPU的优势,提高js性能。
比如当后端返回上万条数据的时候,为了不让页面卡死,我们就可以使用web worker 创建多线程。
二、使用场景接下来说说哪些任务比较适合使用Worker。这个是最重要的一点。
1.如果是很消耗主线程性能的程序。可以考虑使用Web Worker。可以防止页面卡死情况。
2.弹屏,webaudio(两个群友的看法)。www.bilibili.com/ 就有使用Worker。但由于代码被压缩,混淆,未能看出其详细使用情况。欢迎评论,多多指教Worker的应用场景。
三、注意事项
1.非同源限制(本地代码如果以盘符的方式打开也不行,因为没有源啦)
主线程代码与Worker线程代码必须同源才能一起正常工作。
2.DOM、脚本限制
“Worker 线程所在的上下文环境与主线程不一样,无法读取主线程所在网页的 DOM 元素,也无法使用document、window这些对象。但是,Worker 线程可以使用navigator,location,XMLHttpRequest。除此之外,Worker 线程不能执行alert()、confirm()等方法.
3.任务顺序 Worker线程任务需要等待主线程任务结束才能进行。
4.Worker结束 可以主动关闭Worker线程。如果是多页应用的话,离开了Worker页面,Worker 也不会工作。
四、其他1.关于Ajax轮询放在Worker线程里面的看法。
ajax 本来是异步操作,有自己的线程,而且兼容性很好。如果使用Worker的话,需要考虑兼容性。所以ajax轮询放在Worker里面得不偿失。是不明智的。
2.关于Worker中在创建Worker的看法。
由于Worker中在创建Worker兼容性差,不推荐使用。