webworkers使开发人员能够从JavaScript的并行编程中获益。并行编程允许应用程序同时运行不同的计算。一个关于人类如何从并行执行任务中获益的例子有助于理解web工作者的价值。例如，在编写技术教程时，您应负责：制作演示应用程序写内容为帖子创建资产（如图表或图像）根据你制作应用程序的经验，你可以更容易地编写内容。但是，创建资产是可以委托给其他人的事情，比如专业的图形设计师。您可以向图形设计师发送一条文本消息，其中包含所需插图的说明。设计师将致力于创建插图，并在完成后将其文本返回给您。当设计师在插图上工作时，你可以自由地专注于编码和写作。当你收到设计师的插图时，你只需要把它与你的内容整合起来，这比你自己创建资产所花的时间要少得多。将资产创建委托给设计师可以大大提高生产力。以前，每当你需要创建资产时，你都被禁止编写代码。在固定的时间内，将任务委派给设计师时，内容输出将比自己工作时更大。设计者在一个单独的管道上处理异步创建插图的任务，完全按照web工作者在JavaScript应用程序中的工作方式进行。JavaScript是一种单线程语言。因此，在主线程中运行昂贵的逻辑可能会阻塞它，并使JavaScript应用程序看起来缓慢或无响应。使用webworkers，您可以创建一个单独的线程来运行昂贵的计算逻辑，数据可视化大屏，而不会中断主线程。"JavaScript中的webworkers允许我们创建并行编程，以同时执行多个操作，而不是将它们交错。"在推特上留言交织是指"安排（一项操作），使两个或多个程序、指令集等以交替的方式执行。"在这篇博客文章中，您将了解如何在JavaScript中使用webworkers，以及它给web应用程序带来的好处。为什么要使用JavaScript Web Workers？在JavaScript中，可以利用并行编程来使用webworker同时执行多个操作。webworkers允许您创建独立于主执行线程的后台线程，在主执行线程中通常运行用户界面逻辑。这种工作负载分离的核心优势是，您可以在一个独立的线程中运行昂贵的操作，而不会中断或影响主线程的响应能力和可用性。当后台线程完成其任务时，它通过一个事件无缝地通知主线程结果，该事件是通过常规JavaScript事件处理来管理的。webworkers是JavaScript对象，可以像对待其他对象一样对待：您可以将它们作为函数参数传递，将它们分配给类属性，并且由于它们有一个公共接口，甚至可以扩展它们在推特上留言webworkers在JavaScript中有效地启用了一种多线程的形式，但有一些限制，比如不能访问DOM和不能访问Web worker的父页面（创建它的页面）。记住了这一点，您就可以开始学习如何创建web工作者了。建立发展环境与网络工作者接触会帮助你更好地理解他们。在本文中，我们将创建一个简单的web页面，通过主线程实例化一个webworker。首先，在系统的任何位置创建一个项目目录：mkdir web workers基础知识当UNIX命令不适用时，将向Windows用户提供PowerShell命令。使用cd命令移到刚才创建的目录中：cd网络工作者基础知识在此目录中，创建网页的入口点：触摸索引.htmlWindows PowerShell:镍索引.html要保持文件整洁，请创建一个src子目录来保存JavaScript文件：mkdir型最后，阿里大数据，创建文件主.js以及工人.js在src文件夹下：触摸src/主.jssrc公司/工人.jsWindows PowerShell:镍-锶\主.js，src\工人.js这是网页所需的完整文件结构；但是，要运行它，您需要一个web服务器。对于这个用例，最好使用的工具是Browsersync，因为它为您的文件提供服务，并在文件更改时自动重新加载浏览器。Browsersync是一个可用于节点.js，用于创建快速网络应用程序的JavaScript运行时。如果你没有节点.js已安装，请使用任何适用于MacOS、Windows和Linux的便捷安装程序。与节点.js，您将获得npm，一个JavaScript开发工具来安装和运行节点.js包装。在这种情况下，您只需要一种简单的方法来运行Browsersync，而不需要在您的机器上本地安装包，这可以通过NPM脚本来完成。按照以下步骤创建节点.js在web workers基本目录中进行项目并创建NPM脚本：运行以下命令创建包.json文件：npm初始-y包.json是NPM用来列出项目依赖项的特殊文件。打开包.json并将其内容替换为以下内容：{"name"："网络工作者基础"，"version"："1.0.0"，"说明"：""，"主"：索引.js","脚本"：{"dev"："浏览器同步开始--服务器--文件"索引.html'，'src/*.js'"},"作者"：""，"license"："ISC"，"开发依赖性"：{"浏览器同步"："^2.26.5"}}运行以下命令以安装在上定义的项目依赖项包.json:npm安装完成后，您会注意到项目目录下有一个node\u modules文件夹。请注意，的scripts属性下的dev条目包.json:"dev"："浏览器同步开始--服务器--文件"索引.html'，'src/*.js'"这个NPM脚本使用Browsersync在上创建一个服务器：3000（默认端口），并在更改内容时刷新web浏览器索引.html文件或src子目录中的任何JavaScript文件。要运行dev NPM脚本，宁波大数据，请执行以下命令：npm运行开发Browsersync将使用索引.html页面自动显示。在控制台中，您将看到以下输出：[Browsersync]访问URL:----------------------------------本地：：3000个外部：：3000----------------------------------用户界面：：3001个外部用户界面：：3001个----------------------------------[Browsersync]正在为来自的文件提供服务：/[Browsersync]正在监视文件。。。[Browsersync]正在重新加载浏览器。。。此输出告诉您，您可以使用：3000或在上连接到网络的任何设备上，其中IP-ADDRESS是网络的IP地址。项目现在已经设置并运行，您就可以开始构建它了。创建Web辅助进程从项目目录中，打开索引.html并填充以下内容：在webworkers演示：基础知识在在因为索引.html当Browsersync开始运行时为空，您可能需要刷新页面以帮助它启动。要创建web worker，您将使用web Workers API中的worker（）构造函数。Worker（）构造函数具有以下签名：工人（aURL，选项）；aURL是一个字符串，它表示我们希望worker执行的脚本的URL。options是一个用于自定义Worker实例的对象。允许的选项包括类型、凭据和名称。您不需要为本文的范围配置它们。实际上，您可以在主线程中实例化一个webworker。主线程可以用JavaScript文件表示，例如，主.js，这是应用程序的入口点。web worker线程可以由另一个文件表示，例如，工人.js. 主.js然后使用工人.js文件。要查看此操作，请打开src/主.js并用以下代码填充它：//src公司/主.jsconst worker=新工作线程（"../src/工人.js");在上面的代码中，worker成为将在其上执行脚本的worker实例工人.js.这就是创建一个网络工作者的原因！现在在应用程序中实际上有两个线程可用：main和worker。接下来，物联网和互联网的区别，您将学习如何在线程之间进行通信。向Web Worker发送消息和从Web Worker发送消息参考简介中的场景，在为教程编写代码和内容时，您表示主线程，而为您创建插图的设计器表示工作线程。主线程如何ping工作线程，反之亦然？这是通过postMessage（）方法和来自Web Workers API的onmessage事件处理程序完成的。您将使用经典的马可波罗游戏来观察这种交流的作用。在这个游戏中，一个玩家高喊"马可！"另一个玩家必须回答"Polo！"。在这种情况下，您需要执行以下操作：主.js以及工人.js随时准备监听对方的消息。主.js向发送消息工人.js"马可！"。工人.js从中获取消息主.js回答："马球！"。步骤2和步骤3无限重复。第一步：监听消息这个Worker.onmessage事件处理程序允许您监听线程之间的消息。此工作进程事件处理程序属性的签名如下：myWorker.onmessage=e=>{//事件处理程序逻辑};当调用onmessage函数时，将事件分配给事件。设置这个u

，大数据中心