Web Worker开启JavaScript多线程时代

1. JavaScript Web Worker by Sun 2011.6.10

2. 假死 单线程 大数据量计算

3. setTimeout? setInterval?

4. Web Worker "多线程"时代

5. Work NOW -- 主线程 // 将要后台运行的一段代码 varworker = new Worker("worker.js"); // 如何处理后台worker返回的结果 worker.onmessage = function (event) { console.log(event.data); }

6. Work NOW -- 子线程 /** * 得到主线程传过的消息, 启动线程进行大数据计算. * mainThread.postMessage -> workerThread.onmessage */ onmessage = function (event) { // 从event.data中取得主线程传来的数据 varmainThreadData = event.data; // 将结果传递给主线程 // workerThread.postMessage -> mainThread.onmessage postMessage(mainThreadData); };

7. 本地XHR? 子线程 worker.js onmessage postMessage(data) 主线程 mainThread.js onmessage postMessage(data) 子线程1 worker1.js 子线程2 worker2.js

8. NO DOM

10. Opera 10.60

11. Chrome 3

12. Safari 4Where is Internet Explorer ?

13. Q&A

14. 参考 JavaScript Threading With HTML5 Web Workers

15. 谢谢!