<?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>尾部优化 on Last Stand</title><link>https://amatsuzero.github.io/LastStand/tags/%E5%B0%BE%E9%83%A8%E4%BC%98%E5%8C%96/</link><description>Recent content in 尾部优化 on Last Stand</description><generator>Hugo</generator><language>zh-cn</language><lastBuildDate>Thu, 17 Jul 2025 00:00:00 +0800</lastBuildDate><atom:link href="https://amatsuzero.github.io/LastStand/tags/%E5%B0%BE%E9%83%A8%E4%BC%98%E5%8C%96/index.xml" rel="self" type="application/rss+xml"/><item><title>尾部优化</title><link>https://amatsuzero.github.io/LastStand/posts/frontend/es6/es6-017/</link><pubDate>Wed, 02 Oct 2024 00:00:00 +0800</pubDate><guid>https://amatsuzero.github.io/LastStand/posts/frontend/es6/es6-017/</guid><description>&lt;p&gt;ES6 引入了&lt;strong&gt;尾调用优化（Tail Call Optimization，TCO）&lt;strong&gt;的规范，但它的实现依赖于 &lt;strong&gt;JavaScript 引擎的支持&lt;/strong&gt;（比如 V8 并未开启 TCO），所以这是一个&lt;/strong&gt;理论上重要、实践中需要谨慎对待&lt;/strong&gt;的考点。&lt;/p&gt;
&lt;h2 id="一什么是尾调用tail-call"&gt;一、什么是尾调用（Tail Call）？&lt;/h2&gt;
&lt;p&gt;尾调用是指：&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;函数的最后一步是调用另一个函数&lt;/strong&gt;，并直接返回这个函数的执行结果。&lt;/p&gt;
&lt;/blockquote&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;foo&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;bar&lt;/span&gt;(); &lt;span style="color:#75715e"&gt;// bar 是 foo 的尾调用
&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;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;尾调用意味着：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;当前函数的&lt;strong&gt;调用栈帧&lt;/strong&gt;不需要再做任何事。&lt;/li&gt;
&lt;li&gt;调用栈可以复用，&lt;strong&gt;不需要为当前函数保留栈帧&lt;/strong&gt;，从而节省内存。&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="二什么是尾调用优化tco"&gt;二、什么是尾调用优化（TCO）？&lt;/h2&gt;
&lt;p&gt;尾调用优化的目标是：&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;当一个函数的最后一步是调用另一个函数，JS 引擎可以不再保留当前函数的调用记录，&lt;strong&gt;直接跳转执行被调用函数，复用当前栈帧&lt;/strong&gt;。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;也就是说：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;不会形成函数调用嵌套的“栈帧链”；&lt;/li&gt;
&lt;li&gt;可以避免&lt;strong&gt;函数递归导致的栈溢出（stack overflow）&lt;/strong&gt;。&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="三尾调用成立的条件"&gt;三、尾调用成立的条件&lt;/h2&gt;
&lt;p&gt;必须同时满足以下三个条件：&lt;/p&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;条件&lt;/th&gt;
&lt;th&gt;说明&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;1. 在严格模式下&lt;/td&gt;
&lt;td&gt;TCO 只在 strict mode 下才可能被引擎开启&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;2. 是函数的最后一步调用&lt;/td&gt;
&lt;td&gt;return 后没有任何操作&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;3. 返回调用结果&lt;/td&gt;
&lt;td&gt;return bar(x) 形式，不能是 &lt;code&gt;bar(x); return y&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&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:#e6db74"&gt;&amp;#39;use strict&amp;#39;&lt;/span&gt;;
&lt;/span&gt;&lt;/span&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;f&lt;/span&gt;(&lt;span style="color:#a6e22e"&gt;x&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;g&lt;/span&gt;(&lt;span style="color:#a6e22e"&gt;x&lt;/span&gt;); &lt;span style="color:#75715e"&gt;// 最后一步是返回 g(x)，符合尾调用优化条件
&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;/code&gt;&lt;/pre&gt;&lt;/div&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;f&lt;/span&gt;(&lt;span style="color:#a6e22e"&gt;x&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;y&lt;/span&gt; &lt;span style="color:#f92672"&gt;=&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;g&lt;/span&gt;(&lt;span style="color:#a6e22e"&gt;x&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;y&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&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;hr&gt;
&lt;h2 id="四尾调用优化应用场景尾递归"&gt;四、尾调用优化应用场景：&lt;strong&gt;尾递归&lt;/strong&gt;&lt;/h2&gt;
&lt;p&gt;递归调用时，若能做到尾调用，就能避免栈溢出。&lt;/p&gt;</description></item></channel></rss>