javascript - 为什么JavaScript在常见的浏览器中没有得到自己的线程？

Question

JavaScript不是多线程的还不够，显然JavaScript甚至没有它自己的，而是与其他负载共享一个线程。即使在大多数现代浏览器中，JavaScript通常也与绘画，更新样式和处理用户操作位于同一队列中。

这是为什么？

根据我的经验，如果JavaScript在其自己的线程上运行，并且仅由JS不阻止UI呈现或解放复杂或有限的消息队列优化样板(是的，您，Webworkers!)解放，则可以获得极大的用户体验。编写自己的内容，以确保UI真正落到实处。

我有兴趣了解决定这种看似不幸的设计决策的动机，从软件体系结构的 Angular 来看，是否有令人信服的理由？

Answer 1

用户操作需要JS事件处理程序的参与

用户操作可以触发参与的Javascript事件(点击，焦点事件，键事件等)，并可能影响用户操作，因此很明显，在处理用户操作时，单个JS线程无法执行，因为如果这样，则JS线程无法参与用户操作，因为它已经在做其他事情。因此，在JS线程可用于参与该过程之前，浏览器不会处理默认的用户操作。

渲染图

渲染更加复杂。典型的DOM修改顺序如下:1)由JS修改的DOM，布局标记为脏，2)JS线程完成执行，因此浏览器现在知道JS已完成对DOM的修改，3)浏览器进行布局以重新布局更改的DOM，4 )浏览器根据需要绘制屏幕。

步骤2)在这里很重要。如果浏览器在每次进行JS DOM修改后都进行了新的布局和屏幕绘制，则如果JS实际上要进行大量DOM修改，则整个过程的效率将非常低。另外，还会存在线程同步问题，因为如果您在浏览器尝试进行重布局和重绘的同时让JS修改DOM，则您必须同步该 Activity (例如，阻止某人，这样操作就可以完成而无需基础数据被另一个线程更改)。

仅供引用，有一些变通方法可用于强制重新布局或从JS代码中强制重新绘制(不完全是您要的内容，但在某些情况下很有用)。

多线程访问DOM非常复杂

DOM本质上是一个大型共享数据结构。解析页面时，浏览器将构造它。然后，加载脚本和各种JS事件就有机会对其进行修改。

如果突然有多个JS线程可以同时访问DOM，那么您将遇到一个非常复杂的问题。您将如何同步访问？您甚至无法编写最基本的DOM操作，而该操作将涉及在页面中查找DOM对象然后对其进行修改，因为这不是原子操作。在找到DOM对象到进行修改之间，DOM可能会发生变化。相反，您可能必须在DOM中的至少一个子树上获得一个锁，以防止在操作或搜索它时被其他线程更改。然后，在进行修改后，您必须释放锁并从代码中释放对DOM状态的任何了解(因为一旦释放锁，其他线程可能会对其进行更改)。而且，如果您未正确执行操作，则可能会遇到死锁或各种讨厌的错误。实际上，您必须将DOM视为并发的多用户数据存储。这将是一个非常复杂的编程模型。

避免复杂性

“单线程JS”设计决策中有一个统一的主题。 保持简单。不需要了解多线程环境和线程同步工具以及调试多个线程即可编写可靠的浏览器Javascript。

浏览器Javascript是成功平台的一个原因是，它对于所有级别的开发人员都非常容易访问，并且相对易于学习和编写可靠的代码。尽管浏览器JS可能会随着时间的推移获得更高级的功能(例如与WebWorkers一起提供的功能)，但是您可以绝对确定，这些操作将以简单的事情保持简单，而更高级的事情可以由更高级的开发人员完成的方式完成，打破让事情变得简单的任何事情。

仅供引用，我已经在node.js中编写了一个多用户Web服务器应用程序，并且由于nodejs Javascript的单线程特性，我对服务器设计的复杂程度降低感到惊讶。是的，有些事情要编写起来比较痛苦(可以学习编写大量异步代码)，但是简化的假设是，您的JS代码永远不会被另一个请求打断，从而大大简化了设计，测试并减少了很难找到并修复并发设计和编码始终困扰着的错误。

讨论区

当然，可以通过允许用户操作事件处理程序在其自己的线程中运行来解决第一个问题，以便它们可以随时发生。但是，您立即拥有了多线程Javascript，现在需要全新的JS基础结构来进行线程同步和全新的bug类。浏览器Javascript的设计者一直决定不打开该框。

如果需要，可以改善“呈现”问题，但会严重影响浏览器代码。您必须发明一些方法来猜测正在运行的JS代码何时似乎不再更改DOM(也许经过了几毫秒的时间却没有更多更改)，因为您必须避免进行重新布局并立即进行屏幕绘制每个DOM更改。如果浏览器做到了，那么某些JS操作的速度将比现在慢100倍(100倍是一个疯狂的猜测，但要点是它们会慢很多)。而且，您必须在布局，绘画和JS DOM修改之间实现线程同步，这是可行的，但很复杂，需要大量工作，并且为浏览器实现错误提供了肥沃的土壤。而且，您必须决定在进行中继或重绘时，该做什么，而JS线程进行DOM修改(答案都不是很理想)。