https://fe-interview.pangcy.cn/tags/%E5%B7%A5%E5%8E%82%E6%A8%A1%E5%BC%8F/Recent content in 工厂模式 on ZiYang FrontEnd InterviewHugoen-usThu, 06 Mar 2025 13:07:39 +0800https://fe-interview.pangcy.cn/docs/typescript/typescript-32/Tue, 04 Mar 2025 08:37:03 +0000https://fe-interview.pangcy.cn/docs/typescript/typescript-32/<h2 id="考察点分析">考察点分析 <a href="#%e8%80%83%e5%af%9f%e7%82%b9%e5%88%86%e6%9e%90" class="anchor" aria-hidden="true"><i class="material-icons align-middle">link</i></a></h2><p>本题主要考察以下核心能力维度：</p> <ol> <li><strong>TypeScript 工具类型理解</strong>：对内置工具类型<code>ConstructorParameters</code>的实现原理及适用场景的掌握程度</li> <li><strong>类型推导机制</strong>：在工厂模式中如何通过类型参数约束实现类型安全</li> <li><strong>高级类型应用</strong>：运用条件类型（Conditional Types）与类型推断（infer）解决实际问题</li> </ol> <p>具体技术评估点包括：</p> <ul> <li><code>ConstructorParameters&lt;T&gt;</code>的泛型约束条件</li> <li>infer关键字在参数类型提取中的应用</li> <li>工厂函数中泛型参数的类型传播</li> <li>元组类型在参数传递中的类型校验</li> </ul> <hr> <h2 id="技术解析">技术解析 <a href="#%e6%8a%80%e6%9c%af%e8%a7%a3%e6%9e%90" class="anchor" aria-hidden="true"><i class="material-icons align-middle">link</i></a></h2><h3 id="关键知识点">关键知识点 <a href="#%e5%85%b3%e9%94%ae%e7%9f%a5%e8%af%86%e7%82%b9" class="anchor" aria-hidden="true"><i class="material-icons align-middle">link</i></a></h3><ol> <li>工具类型实现：<code>ConstructorParameters&lt;T&gt;</code></li> <li>条件类型与类型推断：<code>T extends new (...args: infer P) =&gt; any ? P : never</code></li> <li>构造函数类型约束：<code>new (...args: any[]) =&gt; any</code></li> <li>工厂模式中的泛型应用</li> </ol> <h3 id="原理剖析">原理剖析 <a href="#%e5%8e%9f%e7%90%86%e5%89%96%e6%9e%90" class="anchor" aria-hidden="true"><i class="material-icons align-middle">link</i></a></h3><p>TypeScript 的<code>ConstructorParameters&lt;T&gt;</code>通过条件类型提取构造函数参数类型：</p> <div class="prism-codeblock "> <pre id="59d83c5" class="language-typescript "> <code>type ConstructorParameters&lt;T extends new (...args: any) =&gt; any&gt; = T extends new (...args: infer P) =&gt; any ? P : never</code> </pre> </div> <ul> <li><code>new (...args: any[]) =&gt; any</code> 约束了泛型T必须是构造函数类型</li> <li>使用<code>infer P</code>捕获构造函数的参数类型P，返回参数元组类型</li> </ul> <p>在工厂模式中，通过泛型绑定构造函数类型：</p>