<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>V8 引擎的优化机制 on Last Stand</title><link>https://amatsuzero.github.io/LastStand/tags/v8-%E5%BC%95%E6%93%8E%E7%9A%84%E4%BC%98%E5%8C%96%E6%9C%BA%E5%88%B6/</link><description>Recent content in V8 引擎的优化机制 on Last Stand</description><generator>Hugo</generator><language>zh-cn</language><lastBuildDate>Thu, 07 Aug 2025 00:00:00 +0800</lastBuildDate><atom:link href="https://amatsuzero.github.io/LastStand/tags/v8-%E5%BC%95%E6%93%8E%E7%9A%84%E4%BC%98%E5%8C%96%E6%9C%BA%E5%88%B6/index.xml" rel="self" type="application/rss+xml"/><item><title>V8 引擎的优化机制</title><link>https://amatsuzero.github.io/LastStand/posts/frontend/network/network-002/</link><pubDate>Tue, 17 Dec 2024 00:00:00 +0800</pubDate><guid>https://amatsuzero.github.io/LastStand/posts/frontend/network/network-002/</guid><description>&lt;p&gt;V8 是 Google 开发的 JavaScript 引擎（用于 Chrome、Node.js 等），它的核心优化机制可以总结为：&lt;strong&gt;即时编译（JIT） + 隐式类型优化 + 内联缓存 + 垃圾回收机制&lt;/strong&gt;，通过这些方式来大幅提升 JS 的执行性能。&lt;/p&gt;
&lt;h2 id="一v8-的执行流程"&gt;一、V8 的执行流程&lt;/h2&gt;
&lt;p&gt;V8 不直接解释执行 JavaScript，而是：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;解析（Parser）&lt;/strong&gt;：将 JS 源码解析为 AST（抽象语法树）&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;生成字节码（Bytecode）&lt;/strong&gt;：由 &lt;code&gt;Ignition&lt;/code&gt; 引擎生成并执行初始字节码&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;收集类型信息（Profiler）&lt;/strong&gt;：运行时收集变量类型、函数调用等信息&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;优化编译（JIT）&lt;/strong&gt;：将热点代码交给 &lt;code&gt;TurboFan&lt;/code&gt; 引擎编译为高效的机器码&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id="二核心优化机制"&gt;二、核心优化机制&lt;/h2&gt;
&lt;h3 id="1-隐藏类hidden-class与内联缓存inline-cache"&gt;1. &lt;strong&gt;隐藏类（Hidden Class）与内联缓存（Inline Cache）&lt;/strong&gt;&lt;/h3&gt;
&lt;p&gt;为了优化对象属性访问，V8 引入了隐藏类机制，类似 C++ 中的类结构：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;初次创建对象时，生成一个隐藏类（HiddenClass）&lt;/li&gt;
&lt;li&gt;添加属性时会生成新的隐藏类链表结构&lt;/li&gt;
&lt;li&gt;相同结构的对象共享隐藏类，从而使访问更快&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote&gt;
&lt;p&gt;不要动态给对象添加属性，尽量保持对象结构稳定。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;&lt;strong&gt;内联缓存&lt;/strong&gt;：缓存某个属性的访问位置，使得后续同样结构的对象访问不必重新查找。&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-js" data-lang="js"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#66d9ef"&gt;function&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;Person&lt;/span&gt;(&lt;span style="color:#a6e22e"&gt;name&lt;/span&gt;) {
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#66d9ef"&gt;this&lt;/span&gt;.&lt;span style="color:#a6e22e"&gt;name&lt;/span&gt; &lt;span style="color:#f92672"&gt;=&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;name&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#66d9ef"&gt;const&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;p1&lt;/span&gt; &lt;span style="color:#f92672"&gt;=&lt;/span&gt; &lt;span style="color:#66d9ef"&gt;new&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;Person&lt;/span&gt;(&lt;span style="color:#e6db74"&gt;&amp;#34;Tom&amp;#34;&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#66d9ef"&gt;const&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;p2&lt;/span&gt; &lt;span style="color:#f92672"&gt;=&lt;/span&gt; &lt;span style="color:#66d9ef"&gt;new&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;Person&lt;/span&gt;(&lt;span style="color:#e6db74"&gt;&amp;#34;Jerry&amp;#34;&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#75715e"&gt;// 内联缓存会优化 this.name 的访问路径
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id="2-类型反馈与优化编译type-feedback--jit"&gt;2. &lt;strong&gt;类型反馈与优化编译（Type Feedback + JIT）&lt;/strong&gt;&lt;/h3&gt;
&lt;p&gt;V8 在执行字节码时会收集类型信息（比如函数参数、返回值的类型），并标记频繁调用的代码为“热点代码”：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;热点代码会被交给 &lt;code&gt;TurboFan&lt;/code&gt; 做优化编译&lt;/li&gt;
&lt;li&gt;编译时使用收集到的类型信息来生成专用的机器码（类型特化）&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;例如：&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-js" data-lang="js"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#66d9ef"&gt;function&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;add&lt;/span&gt;(&lt;span style="color:#a6e22e"&gt;a&lt;/span&gt;, &lt;span style="color:#a6e22e"&gt;b&lt;/span&gt;) {
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#66d9ef"&gt;return&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;a&lt;/span&gt; &lt;span style="color:#f92672"&gt;+&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;b&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#a6e22e"&gt;add&lt;/span&gt;(&lt;span style="color:#ae81ff"&gt;1&lt;/span&gt;, &lt;span style="color:#ae81ff"&gt;2&lt;/span&gt;); &lt;span style="color:#75715e"&gt;// 优化为整数加法
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#a6e22e"&gt;add&lt;/span&gt;(&lt;span style="color:#e6db74"&gt;&amp;#34;a&amp;#34;&lt;/span&gt;, &lt;span style="color:#e6db74"&gt;&amp;#34;b&amp;#34;&lt;/span&gt;); &lt;span style="color:#75715e"&gt;// 类型变化 -&amp;gt; 去优化
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;blockquote&gt;
&lt;p&gt;不要在同一个函数中混用不同类型，可能导致优化失败或退化。&lt;/p&gt;</description></item></channel></rss>