Web Worker

首先要在服务器的环境下,一个html文件的js文件调用另外一个js,我用的是Wamp集成软件

在s.html中

<script>

 let arr = {"name":"lap","age":19,"sex":"boy"};
    let worker = new Worker("worker.js");

    console.log(worker);
    worker.postMessage(arr);

    worker.onmessage =  function(res){//异步操作
        console.log("2",res.data);
        worker.terminate();//关闭worker
        console.log("3");
    }
    console.log("1",worker);

</script>

在work.js中:

self.onmessage = function(event){
    event.data.like = "CYM";
   self.postMessage(event.data);
}

worker对象:

返回的处理结果:

worker主要用在主线程处理大量数据时可以将数据交给worker,然后接受数据,不必花大量时间和资源处理数据,提高用户体验避免浏览器界面处于无响应状态

扫描二维码关注公众号,回复: 3357671 查看本文章

猜你喜欢

转载自blog.csdn.net/liuanpingfirst/article/details/82821340