JavaScript不是多线程的还不够，显然JavaScript甚至没有它自己的，而是与其他负载共享一个线程。即使在大多数现代浏览器中，JavaScript通常也与绘画，更新样式和处理用户操作位于同一队列中。
这是为什么？
根据我的经验，如果JavaScript在其自己的线程上运行，并且仅由JS不阻止UI呈现或解放复杂或有限的消息队列优化样板(是的，您，Webworkers!)解放，则可以获得极大的用户体验。编写自己的内容，以确保UI真正落到实处。
我有兴趣了解决定这种看似不幸的设计决策的动机，从软件体系结构的 Angular 来看，是否有令人信服的理由？
最佳答案
用户操作需要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修改(答案都不是很理想)。
关于javascript - 为什么JavaScript在常见的浏览器中没有得到自己的线程？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30932870/
类classAprivatedeffooputs:fooendpublicdefbarputs:barendprivatedefzimputs:zimendprotecteddefdibputs:dibendendA的实例a=A.new测试a.foorescueputs:faila.barrescueputs:faila.zimrescueputs:faila.dibrescueputs:faila.gazrescueputs:fail测试输出failbarfailfailfail.发送测试[:foo,:bar,:zim,:dib,:gaz].each{|m|a.send(m)resc
我有一个模型:classItem项目有一个属性“商店”基于存储的值，我希望Item对象对特定方法具有不同的行为。Rails中是否有针对此的通用设计模式？如果方法中没有大的if-else语句，这是如何干净利落地完成的？ 最佳答案 通常通过Single-TableInheritance. 关于ruby-on-rails-Rails-子类化模型的设计模式是什么？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.co
我正在使用的第三方API的文档状态:"[O]urAPIonlyacceptspaddedBase64encodedstrings."什么是“填充的Base64编码字符串”以及如何在Ruby中生成它们。下面的代码是我第一次尝试创建转换为Base64的JSON格式数据。xa=Base64.encode64(a.to_json) 最佳答案 他们说的padding其实就是Base64本身的一部分。它是末尾的“=”和“==”。Base64将3个字节的数据包编码为4个编码字符。所以如果你的输入数据有长度n和n%3=1=>"=="末尾用于填充n%
我主要使用Ruby来执行此操作，但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式，例如使用这个yaml文件，它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i
我好像记得Lua有类似Ruby的method_missing的东西。还是我记错了？ 最佳答案 表的metatable的__index和__newindex可以用于与Ruby的method_missing相同的效果。 关于ruby-难道Lua没有和Ruby的method_missing相媲美的东西吗？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/7732154/
为什么4.1%2返回0.0999999999999996？但是4.2%2==0.2。 最佳答案 参见此处:WhatEveryProgrammerShouldKnowAboutFloating-PointArithmetic实数是无限的。计算机使用的位数有限(今天是32位、64位)。因此计算机进行的浮点运算不能代表所有的实数。0.1是这些数字之一。请注意，这不是与Ruby相关的问题，而是与所有编程语言相关的问题，因为它来自计算机表示实数的方式。 关于ruby-为什么4.1%2使用Ruby返
我有一个奇怪的问题:我在rvm上安装了rubyonrails。一切正常，我可以创建项目。但是在我输入“railsnew”时重新启动后，我有“程序'rails'当前未安装。”。SystemUbuntu12.04ruby-v"1.9.3p194"gemlistactionmailer(3.2.5)actionpack(3.2.5)activemodel(3.2.5)activerecord(3.2.5)activeresource(3.2.5)activesupport(3.2.5)arel(3.0.2)builder(3.0.0)bundler(1.1.4)coffee-rails(
它不等于主线程的binding，这个toplevel作用域是什么？此作用域与主线程中的binding有何不同？>ruby-e'putsTOPLEVEL_BINDING===binding'false 最佳答案 事实是，TOPLEVEL_BINDING始终引用Binding的预定义全局实例，而Kernel#binding创建的新实例>Binding每次封装当前执行上下文。在顶层，它们都包含相同的绑定(bind)，但它们不是同一个对象，您无法使用==或===测试它们的绑定(bind)相等性。putsTOPLEVEL_BINDINGput
我想在一个没有Sass引擎的类中使用Sass颜色函数。我已经在项目中使用了sassgem，所以我认为搭载会像以下一样简单:classRectangleincludeSass::Script::FunctionsdefcolorSass::Script::Color.new([0x82,0x39,0x06])enddefrender#hamlengineexecutedwithcontextofself#sothatwithintemlateicouldcall#%stop{offset:'0%',stop:{color:lighten(color)}}endend更新:参见上面的#re
我可以得到Infinity和NaNn=9.0/0#=>Infinityn.class#=>Floatm=0/0.0#=>NaNm.class#=>Float但是当我想直接访问Infinity或NaN时:Infinity#=>uninitializedconstantInfinity(NameError)NaN#=>uninitializedconstantNaN(NameError)什么是Infinity和NaN？它们是对象、关键字还是其他东西？ 最佳答案 您看到打印为Infinity和NaN的只是Float类的两个特殊实例的字符串
