JavaScript中的“WebWorkers”概念是否类似于异步函数？

Question

首先，我在C＃中开发了很多，现在我正在开发3D Web项目，现在最有用的语言是JavaScript。

在C＃中，在新的C＃规范中成为新关键字async/await ，有一种方法可以通过以下方式进行异步调用：

• 代表
• Begin / End函数，如：BeginInvoke，EndInvoke
• IAsync接口

至于JS ...现在我需要使用一些并行计算并且确实需要一些东西，这类似于异步工作与一些锁定模型，如Semaphore，Mutex或其他。

至于async / await ......我已经尝试了promises概念，它在jQuery中实现了延迟的承诺：

• http://api.jquery.com/deferred.promise/
• http://api.jquery.com/category/deferred-object/

它仍然是我在C＃中的异步/等待概念：

http://msdn.microsoft.com/en-us/library/hh191443.aspx

但我也发现了像WebWorkers这样的概念：

https://developer.mozilla.org/en-US/docs/Web/Guide/Performance/Using_web_workers

当我第一次阅读它时，我认为它也可以是一个解决方案，除了promises模式，但是如果从实现的角度来看，我理解WebWorkers是从主页面执行线程以外的其他线程启动的，而且函数并不是真正的异步，它们只是带有一个选项的回调，它们已被添加到Worker()实例中，可以在主页面线程中使用，对吗？

所以...我想知道，我怎样才能在JavaScript中实现类似于Semaphore东西？

谢谢！

更新＃1 （更多回复Doge ）：

让我来形容一个简单的例子，有一个应用程序，我正在开发。 我已经使用jQuery延迟对象to await all the texture images I've received, which I was awaiting for 。

链接是下一个： http ： //bit.ly/O2dZmQ

这是一个带有three.js库的webgl应用程序，它正在构建真实数据库（ps：不看代码，我知道它不好:)我最近才了解js编程的原型方法:)首先我太习惯了C＃及其范例）。

所以......我有这样的任务。 我必须等待所有纹理从AJAX加载，然后才将它们设置为网格纹理。

现在......当我创建这个问题时，我考虑重新开发源代码并考虑WebWorkers的使用。

我首先想到的是，在C＃中开发WPF / Silverlight应用程序时我想做什么以及我做了些什么。

我已经完成了另一个Worker实例，它将异步检查我上面描述的任务。

我做了一个非常小而简单的例子，我想用它，但是失败了。

我看到WebWorkers不接受对象，如果我想将它发送给工人。 好的...

将对象传递给Web worker

有一个JSON.stringify()方法......但我看到另一件事...... JSON.stringify（）无法将对象解析为circular references字符串。

Chrome sendrequest错误：TypeError：将循环结构转换为JSON

真正的...这是相当令人失望的......因为如果有C＃，甚至C ++它不是实例之间交换某些对象的问题。有些事情可以做一些重新解释蒙上或其他的东西......它不是一个甚至在异步工作中甚至在不同线程之间交换对象的问题......

所以...为了我的目标......什么是最好的解决方案？ 保留deffered / promises模式而不使用WebWorkers ？

微小的来源，不是完整的应用程序，但仅仅是一个小例子，我想做的事情：

• http://pastebin.com/5ernFNme（JS需要HTML，如下所示）
• http://pastebin.com/ELcw7SuE（JS主要逻辑）
• http://pastebin.com/PuHrhW8n（WebWorker ，我想用它作为单独的检查程序）

纹理小样本：

• http://s14.postimg.org/wqm0xb2ep/box.jpg
• http://s27.postimg.org/nc77umytv/box2.jpg

可以在这里找到缩小的three.js：

• https://github.com/mrdoob/three.js/blob/master/build/three.min.js

Answer 1

重要的是要理解JavaScript 没有线程 。 它有一个事件循环，在它们进入时逐个执行事件。

这样做的结果是，如果你有一个过程需要一段时间才能阻止所有执行。 如果还需要JavaScript来做UI响应用户事件或动画等内容，那就有点麻烦了。 您可以尝试将您的流程拆分为多个事件，以保持事件循环顺利运行，但这并不总是那么容易。

这是Workers来的地方。 工人们在自己的线程中运行。 为了避免与线程相关的问题，工作人员不共享内存 。

您可以通过发送和接收消息与工作人员进行通信。 消息反过来来自事件循环，因此您不需要信号量或任何同步线程的东西。 如果您的工作者控制器是JavaScript，那么从来没有任何原子性问题。

如果您的工作人员是简单的input->output工作人员，那么您可以完全拍打Promise图层。 请记住，Promises本身不会添加线程或异步。

---

您只能发送Workers消息，即：字符串。 您不能发送它们对象，当然也不能发送可能引用其他对象的对象，因为它们再次出现：内存问题。

如果我查看您的用例，我想您可能希望Worker的唯一原因是利用大多数CPU现在拥有的多个内核。

我认为你正在做的是将图像作为纹理加载到画布中，这是需要花费大量时间的？ 没有好办法在这里使用工人，因为工人需要参考画布，而这种情况并没有发生。

现在，如果您需要对纹理进行处理以某种方式转换它们，您可以使用Workers。 将图像数据作为二进制字符串发送，可能是base64_encoded，进行转换并将其发回。 如果您的图像很大，序列化也会占用相当多的CPU时间，因此您的里程可能会有所不同。

从我可以告诉您的资源加载非常快，似乎没有CPU瓶颈。 所以我不知道你是否真的需要工人。