浏览器前端 JavaScript Worker使用

主Js文件内容：

//注意：
//使用前先判断浏览器是否支持
//Worker内的代码不可以操作DOM
//不能跨域加载Worker的js文件

if(window.Worker !== undefined)
{
    //新建Worker，类似创建子线程
    let worker = new Worker('worker.js');

    //设置Worker的监听，用于接收子线程向主线程发送数据
    worker.onmessage = function (event) {
        console.log('主线程接收子线程的数据');
        console.log(event.data);
    };

    //主线程向子线程发送数据
    worker.postMessage([1,2,3]);
}

worker.js文件内容：

//设置Worker监听，用于接收来自主线程的数据
onmessage = function (event) {
    //主线程传进来的数据
    let data = event.data;
    console.log(data);

    //进行计算
    let result = arrayAccumulate(data);

    //子线程向主线程发送数据
    postMessage(result);
}


//功能：累加，用于测试使用
function arrayAccumulate(data)
{
    console.log('begin');

    let result = 0;

    data.forEach(function (item){
        result += item;
    })

    console.log('end');
    return result;
}