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都是异步通讯，原理也就类似。。