web worker多线程创建步骤

//------------------------------------------主线程文件内容：

btn.οnclick=function(){

            var number=input.value;

            // 1.主线程 使用Worker启动worker

            var worker=new Worker('work.js');

            // 2. 向分线程发送数据number

            worker.postMessage(number);

            // 5.       监听分线程返回的数据

            worker.onmessage=function(event){

                var result=event.data;

            }

        }

//----------------------------------------分线程文件work.js文件内容：

function fn(n){

    return n<=2 ? 1:fn(n-1)+fn(n-2);

}

var onmessage=function(event){

    // 3.分线程 获取主线程发过来的number

    var number=event.data;

    // 4.      使用number进行计算，并将计算结果发送给主线程

    var result=fn(number);

    postMessage(result);

}

转载于:https://www.cnblogs.com/laidans/p/10993795.html