<?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/%E8%81%94%E5%90%88%E8%BF%87%E6%BB%A4/</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/%E8%81%94%E5%90%88%E8%BF%87%E6%BB%A4/index.xml" rel="self" type="application/rss+xml"/><item><title>Exclude工具类型作用</title><link>https://fe-interview.pangcy.cn/docs/typescript/typescript-27/</link><pubDate>Tue, 04 Mar 2025 08:37:03 +0000</pubDate><guid>https://fe-interview.pangcy.cn/docs/typescript/typescript-27/</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;ul>
&lt;li>&lt;strong>类型编程基础&lt;/strong>：对TypeScript工具类型的理解与运用能力&lt;/li>
&lt;li>&lt;strong>条件类型机制&lt;/strong>：掌握条件类型的分布式特性及类型运算规则&lt;/li>
&lt;li>&lt;strong>类型兼容性判断&lt;/strong>：理解类型赋值兼容性在类型运算中的作用&lt;/li>
&lt;/ul>
&lt;p>具体技术评估点：&lt;/p>
&lt;ol>
&lt;li>Exclude工具类型的实现原理&lt;/li>
&lt;li>分布式条件类型(Distributive Conditional Types)的工作机制&lt;/li>
&lt;li>never类型在联合类型中的特殊处理&lt;/li>
&lt;li>类型兼容性规则在条件类型中的应用&lt;/li>
&lt;li>实际场景中类型过滤的解决方案&lt;/li>
&lt;/ol>
&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>条件类型 &amp;gt; 分布式特性 &amp;gt; never类型处理&lt;/li>
&lt;li>类型兼容性 &amp;gt; 赋值兼容性规则&lt;/li>
&lt;li>联合类型运算规则&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;p>Exclude&amp;lt;T, U&amp;gt;通过条件类型实现类型过滤：&lt;/p>



 
 
 

 
 
 
 

 

 &lt;div class="prism-codeblock ">
 &lt;pre id="a013af1" class="language-typescript ">
 &lt;code>type Exclude&amp;lt;T, U&amp;gt; = T extends U ? never : T&lt;/code>
 &lt;/pre>
 &lt;/div>
&lt;ol>
&lt;li>&lt;strong>分布式条件类型&lt;/strong>：当T是联合类型且作为裸类型参数时，条件类型会进行分布式运算&lt;/li>
&lt;li>&lt;strong>类型过滤机制&lt;/strong>：对联合类型每个成员进行&lt;code>T extends U&lt;/code>判断，满足则映射为never，否则保留原类型&lt;/li>
&lt;li>&lt;strong>自动清理never&lt;/strong>：联合类型中的never类型会被自动过滤，如&lt;code>'a' | never&lt;/code>等价于&lt;code>'a'&lt;/code>&lt;/li>
&lt;/ol>
&lt;p>示例解析（&lt;code>'a'|'b'|null&lt;/code>过滤null）：&lt;/p>
&lt;ol>
&lt;li>拆解联合类型为三个独立判断&lt;/li>
&lt;li>&lt;code>'a' extends null&lt;/code> → false → 保留&amp;rsquo;a'&lt;/li>
&lt;li>&lt;code>'b' extends null&lt;/code> → false → 保留&amp;rsquo;b'&lt;/li>
&lt;li>&lt;code>null extends null&lt;/code> → true → 映射为never&lt;/li>
&lt;li>最终结果为&lt;code>'a' | 'b' | never&lt;/code> → &lt;code>'a' | 'b'&lt;/code>&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;ol>
&lt;li>误认为条件类型会直接操作整个联合类型（未理解分布式特性）&lt;/li>
&lt;li>混淆&lt;code>T extends U&lt;/code>与&lt;code>U extends T&lt;/code>的判断方向&lt;/li>
&lt;li>不了解&lt;code>never&lt;/code>在联合类型中的自动清理特性&lt;/li>
&lt;/ol>
&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>Exclude工具类型通过条件类型的分发特性实现联合类型过滤。当传入的泛型T是联合类型时，TypeScript会将每个成员单独与U进行类型兼容性判断。对于满足&lt;code>T extends U&lt;/code>的类型成员，映射为never类型（自动从联合类型中移除），其余成员保留原类型。例如&lt;code>Exclude&amp;lt;'a'|'b'|null, null&amp;gt;&lt;/code>将null类型过滤后得到&lt;code>'a'|'b'&lt;/code>。&lt;/p></description></item></channel></rss>