webwork

代码结构，html页面引入两个js文件，work.js和main.js

work.js

 (function () {
     onmessage = function (e) {
         var num = e.data;
         var result = 0;
         for (var i = 0; i < num.length; i++) {
             result += i;
         }
         postMessage(result);
     };
 })();

main.js

 (function () {
     var work=new Worker("work.js");
     work.postMessage("ab");
     work.onmessage=function (e) {
         console.log(e.data);
     }
 })();

效果：控制台输出 1

原理解释：

　　首先main中引入一个js文件，并向其发送数据（postMessage），目标文件获取数据（onmessage）,(数据保存在e.data里)，处理数据后又把数据返回给主函数(postMessage)，主函数通过(onmessage)，又获取到了它传送来的数据，并输出。。

　　总归，多线程，不同线程不停的进行数据来往。webwork,分别通过onmessage和postMessage来回传递数据，从而实现了多线程。

题外话，这个类似node下的get和post方法下的req和res,毕竟node和webwork都是异步通讯，原理也就类似。。