web workers

最新推荐文章于 2023-12-10 17:03:32 发布

CN-cheng

最新推荐文章于 2023-12-10 17:03:32 发布

阅读量164

点赞数 1

分类专栏：知识点摘要文章标签： web workers

本文链接：https://blog.csdn.net/github_37125043/article/details/90520512

版权

知识点摘要专栏收录该内容

3 篇文章 0 订阅

订阅专栏

通过使用Web Workers，Web应用程序可以在独立于主线程的后台线程中，运行一个脚本操作。这样做的好处是可以在独立线程中执行费时的处理任务，从而允许主线程（通常是UI线程）不会因此被阻塞/放慢。

index.html

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title></title>
</head>
<body>
	<script type="text/javascript">
	//WEB页主线程
	var worker =new Worker("worker.js"); //创建一个Worker对象并向它传递将在新线程中执行的脚本的URL
	worker.postMessage({
        paramA: 20,
        paramB: 215
    });     //向worker发送数据
	worker.onmessage = function(evt){     //接收worker传过来的数据函数
	   console.log(evt.data);              //输出worker发送来的数据
	}
	</script>
</body>
</html>

worker.js

onmessage =function (evt){
  var d = evt.data;//通过evt.data获得发送来的数据
  console.log(evt);
  var result = d.paramA * d.paramB;
  postMessage( result );//将获取到的数据发送会主线程
}

CN-cheng

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web workers

通过使用Web Workers，Web应用程序可以在独立于主线程的后台线程中，运行一个脚本操作。这样做的好处是可以在独立线程中执行费时的处理任务，从而允许主线程（通常是UI线程）不会因此被阻塞/放慢。index.html<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8">...
复制链接

扫一扫