<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>API设计 on ZiYang FrontEnd Interview</title><link>https://fe-interview.pangcy.cn/tags/api%E8%AE%BE%E8%AE%A1/</link><description>Recent content in API设计 on ZiYang FrontEnd Interview</description><generator>Hugo</generator><language>en-us</language><lastBuildDate>Thu, 06 Mar 2025 13:07:39 +0800</lastBuildDate><atom:link href="https://fe-interview.pangcy.cn/tags/api%E8%AE%BE%E8%AE%A1/index.xml" rel="self" type="application/rss+xml"/><item><title>字符串截取方法区别</title><link>https://fe-interview.pangcy.cn/docs/javascript/javascript-33/</link><pubDate>Tue, 04 Mar 2025 06:58:24 +0000</pubDate><guid>https://fe-interview.pangcy.cn/docs/javascript/javascript-33/</guid><description>&lt;h2 id="考察点分析">考察点分析 &lt;a href="#%e8%80%83%e5%af%9f%e7%82%b9%e5%88%86%e6%9e%90" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h2>&lt;p>该题目考察候选人对字符串处理方法的掌握程度及代码规范意识，主要评估：&lt;/p>
&lt;ol>
&lt;li>&lt;strong>API差异辨析能力&lt;/strong>：准确区分易混淆的字符串方法参数定义与行为差异&lt;/li>
&lt;li>&lt;strong>边界条件处理&lt;/strong>：负数参数、反向索引、超长参数等特殊场景的处理逻辑&lt;/li>
&lt;li>&lt;strong>标准规范认知&lt;/strong>：理解ECMAScript标准演进及现代开发最佳实践&lt;/li>
&lt;/ol>
&lt;p>核心评估点：&lt;/p>
&lt;ul>
&lt;li>参数定义差异（startIndex vs length）&lt;/li>
&lt;li>负数参数处理逻辑&lt;/li>
&lt;li>方法弃用背景与替代方案&lt;/li>
&lt;/ul>
&lt;h2 id="技术解析">技术解析 &lt;a href="#%e6%8a%80%e6%9c%af%e8%a7%a3%e6%9e%90" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h2>&lt;h3 id="关键知识点">关键知识点 &lt;a href="#%e5%85%b3%e9%94%ae%e7%9f%a5%e8%af%86%e7%82%b9" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h3>&lt;ol>
&lt;li>
&lt;p>&lt;strong>参数定义&lt;/strong>：&lt;/p>
&lt;ul>
&lt;li>&lt;code>substring(startIndex, endIndex)&lt;/code>：提取字符到结束索引前（左闭右开）&lt;/li>
&lt;li>&lt;code>substr(startIndex, length)&lt;/code>：从起始索引提取指定长度字符&lt;/li>
&lt;/ul>
&lt;/li>
&lt;li>
&lt;p>&lt;strong>负数处理&lt;/strong>：&lt;/p>
&lt;ul>
&lt;li>&lt;code>substring&lt;/code>：所有负数参数视为0&lt;/li>
&lt;li>&lt;code>substr&lt;/code>：start可为负（从末尾倒数），length为负时返回空&lt;/li>
&lt;/ul>
&lt;/li>
&lt;li>
&lt;p>&lt;strong>标准化问题&lt;/strong>：&lt;/p>
&lt;ul>
&lt;li>&lt;code>substr&lt;/code>非ECMA-262标准核心特性&lt;/li>
&lt;li>MDN标注为遗留方法（Legacy feature）&lt;/li>
&lt;/ul>
&lt;/li>
&lt;/ol>
&lt;h3 id="原理剖析">原理剖析 &lt;a href="#%e5%8e%9f%e7%90%86%e5%89%96%e6%9e%90" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h3>


 
 
 

 
 
 
 

 

 &lt;div class="prism-codeblock ">
 &lt;pre id="6ccb230" class="language-javascript ">
 &lt;code>// 示例字符串
const str = &amp;#34;HelloWorld&amp;#34;;

// substring(3,7) =&amp;gt; &amp;#34;loWo&amp;#34;（索引3到6）
str.substring(3,7) 

// substr(3,7) =&amp;gt; &amp;#34;loWorld&amp;#34;（从3开始取7字符）
str.substr(3,7) 

// 负数参数处理对比
str.substring(-5,3) =&amp;gt; substring(0,3)=&amp;#34;Hel&amp;#34;
str.substr(-5,3) =&amp;gt; 从索引5开始取3字符 =&amp;gt; &amp;#34;rld&amp;#34;&lt;/code>
 &lt;/pre>
 &lt;/div>
&lt;h3 id="常见误区">常见误区 &lt;a href="#%e5%b8%b8%e8%a7%81%e8%af%af%e5%8c%ba" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h3>&lt;ul>
&lt;li>混淆参数类型（将substr第二个参数误认为结束索引）&lt;/li>
&lt;li>误判负数处理逻辑（特别是substr的start负索引）&lt;/li>
&lt;li>忽视标准化差异（误以为substr是现代标准方法）&lt;/li>
&lt;/ul>
&lt;h2 id="问题解答">问题解答 &lt;a href="#%e9%97%ae%e9%a2%98%e8%a7%a3%e7%ad%94" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h2>&lt;p>&lt;code>substring&lt;/code>与&lt;code>substr&lt;/code>核心差异体现在参数定义与负数处理：&lt;/p>
&lt;ol>
&lt;li>
&lt;p>&lt;strong>参数语义&lt;/strong>：&lt;/p></description></item></channel></rss>