<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>索引类型 on ZiYang FrontEnd Interview</title><link>https://fe-interview.pangcy.cn/tags/%E7%B4%A2%E5%BC%95%E7%B1%BB%E5%9E%8B/</link><description>Recent content in 索引类型 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/%E7%B4%A2%E5%BC%95%E7%B1%BB%E5%9E%8B/index.xml" rel="self" type="application/rss+xml"/><item><title>keyof操作符类型索引</title><link>https://fe-interview.pangcy.cn/docs/typescript/typescript-19/</link><pubDate>Tue, 04 Mar 2025 08:37:03 +0000</pubDate><guid>https://fe-interview.pangcy.cn/docs/typescript/typescript-19/</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>TypeScript类型操作符理解&lt;/strong>：考核对&lt;code>keyof&lt;/code>类型运算符的运行机制及生成类型的理解&lt;/li>
&lt;li>&lt;strong>工具类型实现原理&lt;/strong>：通过&lt;code>Pick&lt;/code>工具类型分析类型约束与映射类型的配合使用&lt;/li>
&lt;li>&lt;strong>类型安全性设计&lt;/strong>：理解类型约束(&lt;code>K extends keyof T&lt;/code>)如何确保代码健壮性&lt;/li>
&lt;/ol>
&lt;p>&lt;strong>具体技术评估点&lt;/strong>：&lt;/p>
&lt;ul>
&lt;li>&lt;code>keyof&lt;/code>操作符生成联合类型的机制&lt;/li>
&lt;li>泛型约束在工具类型中的应用&lt;/li>
&lt;li>映射类型与索引访问类型的结合使用&lt;/li>
&lt;li>类型系统对属性存在性的验证&lt;/li>
&lt;li>工具类型的类型体操实现思路&lt;/li>
&lt;/ul>
&lt;hr>
&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;p>&lt;code>keyof&lt;/code> &amp;gt; 泛型约束 &amp;gt; 映射类型&lt;/p>
&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;ol>
&lt;li>
&lt;p>&lt;strong>&lt;code>keyof&lt;/code>运算符&lt;/strong>：对对象类型&lt;code>T&lt;/code>进行键名提取，生成其所有键的字符串字面量联合类型。例如：&lt;/p>



 
 
 

 
 
 
 

 

 &lt;div class="prism-codeblock ">
 &lt;pre id="129239a" class="language-typescript ">
 &lt;code>interface Person { name: string; age: number }
type Keys = keyof Person; // &amp;#34;name&amp;#34; | &amp;#34;age&amp;#34;&lt;/code>
 &lt;/pre>
 &lt;/div>
&lt;/li>
&lt;li>
&lt;p>&lt;strong>泛型约束&lt;/strong>：&lt;code>K extends keyof T&lt;/code>表示类型参数&lt;code>K&lt;/code>必须是&lt;code>T&lt;/code>所有键的子集。类似&amp;quot;字符串集合的白名单&amp;quot;机制，确保类型安全。&lt;/p>
&lt;/li>
&lt;li>
&lt;p>&lt;strong>映射类型&lt;/strong>：通过&lt;code>[P in K]: T[P]&lt;/code>结构遍历联合类型&lt;code>K&lt;/code>，配合索引访问类型&lt;code>T[P]&lt;/code>提取原始类型中对应属性的类型，实现属性筛选。&lt;/p>
&lt;/li>
&lt;/ol>
&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>误认为&lt;code>keyof any&lt;/code>返回&lt;code>string | number&lt;/code>而非具体键名&lt;/li>
&lt;li>混淆联合类型与交叉类型在&lt;code>keyof&lt;/code>中的行为（如联合类型的&lt;code>keyof&lt;/code>会取键的并集）&lt;/li>
&lt;li>忽略&lt;code>keyof&lt;/code>在接口继承、交叉类型中的复合效果&lt;/li>
&lt;/ul>
&lt;hr>
&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>keyof T&lt;/code>通过&lt;strong>类型查询&lt;/strong>机制，将对象类型&lt;code>T&lt;/code>的所有属性键组合成字符串字面量联合类型。例如&lt;code>interface User { id: number; name: string }&lt;/code>时，&lt;code>keyof User&lt;/code>解析为&lt;code>&amp;quot;id&amp;quot; | &amp;quot;name&amp;quot;&lt;/code>。&lt;/p></description></item></channel></rss>