首先要在服务器的环境下,一个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 查看本文章