web worker多线程创建步骤

//------------------------------------------主线程文件内容:
btn.onclick=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);
}

猜你喜欢

转载自www.cnblogs.com/laidans/p/10993795.html