共计 5133 个字符，预计需要花费 13 分钟才能阅读完成。
概述
一个 JavaScript 引擎 是一个执行 JavaScript 代码的程序或者解释器。一个 JavaScript 引擎能够实现成一个规范的解释器，也能够是一个实时编译器，它以某种像是将 JavaScript 编译为字节码。
这是一个正在实现 JavaScript 引擎的热门我的项目列表：
- V8) — 开源，谷歌开发，应用 C ++ 编写
- Rhino – Wikipedia](https://en.wikipedia.org/wiki… — 由 Mozilla 基金会治理，开源，齐全应用 Java 开发
- SpiderMonkey) — 第一个 JavaScript 引擎，在过后反对 Netscape Navigator，明天反对 Firefox
- JavaScriptCore — 开源，作为 Nitro 销售，由苹果公司为 Safari 开发
- KJS – Wikipedia](https://en.wikipedia.org/wiki… — KDE 引擎起初由 Harri Porten 为 KDE Konqueror web 浏览器我的项目而开发
- Chakra (JScript9) – Wikipedia](https://en.wikipedia.org/wiki… — IE 浏览器
- Chakra (JavaScript) – Wikipedia](https://en.wikipedia.org/wiki… — 微软 Edge
- Nashorn – Wikipedia](https://en.wikipedia.org/wiki… —
作为 JDK 的一部分开源，由 Oracle 的 Java 语言和工具组编写
- JerryScript) — 物联网的轻量级引擎
为什么要创立 V8 引擎？
V8 引擎是由谷歌应用 C ++ 编写创立的开源引擎。这个引擎被用于谷歌的 Chrome 外部。然而，与其余引擎不同的是，V8 页用于风行的 Node.js 运行时。
V8 是第一个为了进步 JavaScript 在 web 浏览器的执行的性能优化而设计的。为了进步速度，V8 将 JavaScript 代码转换为效率更改的机器代码，而不是应用外部解释器。它通过实现JIT(Just-In-Time) compiler 将 JavaScript 代码在运行的时候转为机器代码，就像许多古代的 JavaScript 引起做的一样，例如 SpiderMonkey 或者 Rhino（Mozilla）。这里的次要区别是 V8 不产生字节码或者任何其余中间代码。
V8 以前有两个编译器
在 V8 5.9 版本公布之前（往年早些时候公布），该引擎应用了两个编译器：
- full-codegen — 一个简略的并且十分疾速的编译器，它生成绝对迟缓的机器代码。
- Crankshaft — 一个更简单（Just-In-Time）优化编译器，产生高性能的代码。
V8 引擎外部应用几个线程：
- 主线程执行您冀望的工作：获取代码，编译它，并且执行它。
- 还有一个独自的线程进行编译，因而主线程能够在它优化代码的时候继续执行
- 一个 Profiler 线程将通知运行时，那些办法破费了比拟大量的工夫，因而 Crankshaft 能够优化他们
- 有几个线程解决垃圾回收扫描
当第一次执行 JavaScript 代码，V8 利用 full-codegen 间接将解析的 JavaScript 代码翻译成机器代码而不进行任何转换。这使得开始运行机器代码 十分快。留神，V8 不实用任何两头字节码示意，这样就省去了解释器的须要。
当你的代码运行了一段时间，Profiler 过程以及收集到了足够多的数据晓得哪个办法须要优化。
下一步，Crankshaft优化在另一个线程开始。它将 JavaScript 形象语法树翻译成高级教训单元调配（SSA）称之为Hydrogen，并且尝试去优化 Hydrogen 构造。大多数优化都在在这个级别实现的。
内联
第一个优化就是尽可能多的内联代码。内联是被调用的函数应用函数体替换调用的中央（调用函数所在的代码行数）。这个简略的步骤让上面的优化变的更加有意义。
暗藏类
JavaScript 是一个基于原型的语言：他们没有 类，并且对象是应用克隆程序创立的。JavaScript 也是一种动静编程语言，这也意味着在对象实例化之后能够很容易的给对象增加或者删除属性。
大多数的 JavaScript 解释器都是会用相似字典的构造（基于哈希函数），将对象属性值的地位存储在内存中。这种构造使得在 JavaScript 中获取属性的值比在非定要编程语言想 Java 或者 C# 中更加低廉。在 Java 中，所有的对象属性都是在编译钱由一个固定的对象决定的，并且在运行时不能动静的增加或者删除（当然，C# 有动静类型，这是另外的一个话题）。作为后果，这些属性的值（或者指向属性的指针）能够被存储为间断的缓冲，在内存中有一个固定的偏移。基于属性的类型，属性偏移的长度能够被轻松的确定，而在运行时能够更改属性类型的 JavaScript 中是不可能的。
因为应用字典在内存中查找对象属性的效率非常低，V8 应用另一个不同的办法代替：暗藏类。暗藏类和在 Java 中应用的固定对象布局的工作十分类似，此外他们是在运行时创立的。当初，咱们看看他到底是什么样子：
function Point(x, y) {
this.x = x;
this.y = y;
}
var p1 = new Point(1, 2);一旦“new Point(1, 2)”被调用，V8 将会创立一个叫做“C0”的暗藏类。
没有为 Point 定义任何属性，所以“C0”是空的。
一旦第一句“this.x = x;”被执行（在“Point”函数中），V8 将会创立第二个暗藏类叫做“C1”，它是基于“C0”来创立的。“C1”示意在内存中 x 属性能够被找到的地位（关联到对象的指针）。在这个示例中，“x”存储在偏移量 0 的地位，这也意味着在内存中将指针对象看做间断的缓冲器，那么第一个偏移也会指到对应的属性“x”。V8 也会应用“类转换”来更新“C0”状态，如果一个“x”属性被增加到指针对象，暗藏类将会从“C0”切换到“C1”。指针对象的暗藏类当初是“C1”。
每次给对象增加新的属性，旧的 hidden class 就会更新转换门路到新的 hidden class。Hidden class 的转换是十分重要的，因为他们容许在同样创立形式的对象中共享。如果两个对象共享一个 hidden class，那么雷同的属性会增加到他们，转换会确保两个对象接管雷同的 hidden class 和它所有优化过的代码。
这个过程在语句“this.y = y”被执行的时候会反复（再一次，在 Point 函数外部，在”this.x = x”语句前面）。
一个叫作“C2”的 hidden class 被创立，一个类转换被增加到“C1”，如果属性“y”被增加到 Point 对象（它曾经蕴含属性“x”），而后 hidden class 须要被变成“C2”，并且指针对象的 hidden class 会被更新到“C2”.
Hidden class 的转换依赖于给对象增加属性的程序。看上面的代码片段：
function Point(x, y) {
this.x = x;
this.y = y;
}
var p1 = new Point(1, 2);
p1.a = 5;
p1.b = 6;
var p2 = new Point(3, 4);
p2.b = 7;
p2.a = 8;当初，你可能会假如 P1 和 P2 有雷同的 hidden class 并且转换曾经被应用。当然，不是真的。对于“p1”，首先增加属性”a“，而后是属性”b“。然而，对于”p2“，首先是”b“，而后是”a“。因而，”p1“和”p2“后果是有着不必的 hidden class 不同的转换门路。在这个状况下，最好以雷同的殊勋初始化动静属性，以便于 hidden class 能够被反复利用。
内联缓存
V8 利用另一种优化动静类型语言的技术，叫做内联缓存。内联缓存依赖于察看在同一类型的对象上反复调用同一办法。想深刻理解内联缓存能够点击这里.
咱们去理解一些内联缓存的常规性概念（如果你没有工夫去深刻下面的解释）。
那么它是如何工作的？V8 保护在最近办法调用中作为参数传递的对象类型的缓存，并且利用这些信息判断将来防备调用参数的对象类型。如果 V8 可能很好地假设传递给办法的对象类型，它能够绕过如何拜访对象属性的计算过程，而是应用以前从 hideden class 中查找之前对象存储的信息。
那么 hidden class 和 inline caching 的概念是如何关联起来的？每次调用特定对象办法的时候，V8 引擎必须从对象的 hidden class 中查找，以便拜访特定属性的偏移。在同一 hidden class 的雷同办法调用胜利两次当前，V8 疏忽 hidden class 的查找，并且简略地将偏移量增加到对象指针自身。对于将来该办法的调用，V8 引擎假如 hidden class 没有产生扭转，并且应用之前查找存储的偏移间接跳到指定属性的内存地址。这极大地提高了执行速度。
内联缓存也是同一类型对象共享 hidden class 的重要起因。如果你创立两个雷同类型的对象有着不同的 hidden class（就像咱们之前的例子），V8 不会应用内联缓存，即便两个对象有着雷同的类型，相应的 hidden class 给不同的属性调配的偏移量不一样。
这两个底线根本是一样的，然而创立“a”和“b”属性的程序是不一样的。
编译为机器码
一旦 Hydrogen 的构造被优化，曲轴就会将它降到一个低层的示意叫做 Lithium。大多数 Lithium 的实现都有着非凡的构造。寄存器调配产生在这一层级。
最初，Lithium 被编译成机器码。而后产生的事件叫做 OSR：堆栈上的替换。在咱们开始编译和优化一个显著运行工夫长的办法，咱们可能会运行它。V8 不会遗记它迟缓的执行了什么，而是从优化的版本从新开始。相同，它会转换咱们所有的上下文（栈，寄存器）以便于咱们在执行的过程中切换为优化版本。这是一个非常复杂的工作，思考到在其余优化中，V8 最后曾经将代码内联起来。V8 并不是惟一可能做到这一点的引擎。
有一种爱护操作叫做去优化，做相同的转换，并且返回非优化的代码，以防引擎做的假如不再成立。
垃圾回收
对于垃圾回收，V8 应用传统的分代办法标记和扫来且清理老一代的代码。标记阶段应该进行 JavaScript 的执行。为了管制 GC 的老本和让运行更加稳固，V8 应用增量标记：它不是遍历所有的堆，尝试标记每个可能的对象，它只是遍历堆的一部分，而后恢复正常运行。下一次 GC 进行将会从上一次堆遍历进行的中央开始。这容许在失常的执行中进行十分短的暂停。如之前提到的一样，扫描阶段将由独立的线程去解决。
Ignition 和 TurboFan
随着 2017 早些时候 V8 5.9 版本的公布，引入了一个新的执行管道。这个新的管道在实在的 JavaScript 应用程序中不仅进步了性能而且节俭了内存。
新的管道建设在 V8 解释器 Ignition 和 V8 最新优化编译 TurboFan 之上。
你能够在这里查看 V8 团队对于这个主题的博客。
因为 5.9 版本 V8 的呈现，V8 不再应用 full-codegen 和 Crankshaft（自 2010 年以来 V8 所用的技术）来执行 JavaScript，因为 V8 团队始终在致力跟着新的 JavaScript 语言的新个性，并且这些个性须要优化。
这意味着在将来 V8 将会有更加简略的和更稳固的架构。
这些晋升只是开始。新 Ignition 和 TurboFan 管道为下一步优化铺平了路，这将在将来几年内促成 JavaScript 性能晋升，并且放大 V8 在 Chrome 和 Node.js 中的比重。
最初，这里有一些对于如何编写更优化的，更好的 JavaScript 的倡议和技巧。当然，从下面的内容不难得出这些，然而这里为了不便还是给出一个总结：
如何编写更优化的 JavaScript
- 对象属性的程序：始终以雷同的程序去实例化对象，以便于 hidden class，和随后的优化代码，能够共享。
- 动静属性：对象初始化当前增加属性会强制扭转 hidden class，并且减慢为上一个 hidden class 优化的任何办法。相同，在构造函数中调配对象的所有属性。
- 办法：反复执行雷同办法的代码比只执行一次的不同办法（在内联缓存中）快。
- 数组：防止 key 值不是自增增长数字的稠密数组。元素不全的稠密数组是一个 哈希表。这样数组的元素拜访起来更加低廉。另外，防止预调配大数组。最好随着倒退就减少。最初，不要删除数组中的元素。这会导致 key 值稠密。
- 标记值：V8 应用 32 位标识对象和数字。它应用 1 位去标记是否是对象（flag=1）或者是一个整数（flag=0）叫做 SMI(小整数)因为它是 31 位。而后，如果一个数字值大于 31 位，V8 将会包装数字，将它转为 double，并且创立一个新对象把数字放在外面。尽可能的应用 31 位有标记的数字去防止低廉的 JS 对象包装操作。
