<?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/%E5%BF%85%E9%80%89%E5%B1%9E%E6%80%A7/</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/%E5%BF%85%E9%80%89%E5%B1%9E%E6%80%A7/index.xml" rel="self" type="application/rss+xml"/><item><title>Required工具类型作用</title><link>https://fe-interview.pangcy.cn/docs/typescript/typescript-24/</link><pubDate>Tue, 04 Mar 2025 08:37:03 +0000</pubDate><guid>https://fe-interview.pangcy.cn/docs/typescript/typescript-24/</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>：考核对工具类型（Utility Types）的掌握程度，特别是&lt;code>Required&amp;lt;T&amp;gt;&lt;/code>对可选属性的处理机制&lt;/li>
&lt;li>&lt;strong>类型系统实战应用&lt;/strong>：评估在数据校验场景中运用类型编程解决实际问题的能力&lt;/li>
&lt;li>&lt;strong>数据完整性设计&lt;/strong>：考察编译时类型检查与运行时数据校验的协同工作理解&lt;/li>
&lt;/ol>
&lt;p>关键技术评估点：&lt;/p>
&lt;ul>
&lt;li>工具类型的底层实现原理（映射类型修饰符操作）&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;/li>
&lt;li>类型系统与运行时校验的差异&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>&lt;code>Required&amp;lt;T&amp;gt;&lt;/code>通过映射类型遍历目标类型的所有属性，并使用&lt;code>-?&lt;/code>修饰符移除原有可选标识：&lt;/p>



 
 
 

 
 
 
 

 

 &lt;div class="prism-codeblock ">
 &lt;pre id="aa4d8a3" class="language-typescript ">
 &lt;code>type Required&amp;lt;T&amp;gt; = { 
 [P in keyof T]-?: T[P]
}&lt;/code>
 &lt;/pre>
 &lt;/div>
&lt;p>在数据库校验场景中，当实体类型定义存在可选属性时（如ORM自动生成字段），使用&lt;code>Required&amp;lt;Entity&amp;gt;&lt;/code>可创建编译时强制校验的严格类型，提前发现字段缺失问题。&lt;/p>
&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>Required&amp;lt;T&amp;gt;&lt;/code>会修改原类型（实际创建新类型）&lt;/li>
&lt;li>混淆编译时类型检查与运行时数据校验的边界&lt;/li>
&lt;li>忽视嵌套对象的可选属性处理（需自定义DeepRequired类型）&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>Required&amp;lt;T&amp;gt;&lt;/code>通过移除类型属性中的可选标记（&lt;code>?&lt;/code>），强制所有属性变为必选。在数据库实体校验中，当需要确保数据完整性与字段强约束时，可将实体类型包裹为&lt;code>Required&amp;lt;Entity&amp;gt;&lt;/code>，例如：&lt;/p>



 
 
 

 
 
 
 

 

 &lt;div class="prism-codeblock ">
 &lt;pre id="f8f4299" class="language-typescript ">
 &lt;code>interface UserEntity {
 id?: number // 数据库自增字段
 name: string
 email?: string // 可选字段
}

// 数据入库前的严格校验方法
function strictValidate(user: Required&amp;lt;UserEntity&amp;gt;) {
 // 运行时校验逻辑需配合class-validator等库实现
}

// 调用时TS编译器将检查所有字段
strictValidate({name: &amp;#34;Alice&amp;#34;}); // 编译错误：缺少id和email&lt;/code>
 &lt;/pre>
 &lt;/div>
&lt;h2 id="解决方案">解决方案 &lt;a href="#%e8%a7%a3%e5%86%b3%e6%96%b9%e6%a1%88" 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="#%e7%bc%96%e7%a0%81%e7%a4%ba%e4%be%8b" 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="a32bca8" class="language-typescript ">
 &lt;code>// 数据库实体类型定义
interface Article {
 title?: string;
 content?: string;
 authorId?: number;
}

// 严格校验类型
type StrictArticle = Required&amp;lt;Article&amp;gt;;

// 数据校验函数
function validateArticle(article: StrictArticle) {
 // 配合运行时校验库（示例伪代码）
 if (Object.values(article).some(v =&amp;gt; v === undefined)) {
 throw new Error(&amp;#34;Missing required fields&amp;#34;);
 }
}

// 正确调用
validateArticle({
 title: &amp;#34;TS进阶&amp;#34;,
 content: &amp;#34;...&amp;#34;,
 authorId: 123
});

// 错误调用（编译时报错）
validateArticle({title: &amp;#34;不完整数据&amp;#34;}); &lt;/code>
 &lt;/pre>
 &lt;/div>
&lt;h3 id="可扩展性建议">可扩展性建议 &lt;a href="#%e5%8f%af%e6%89%a9%e5%b1%95%e6%80%a7%e5%bb%ba%e8%ae%ae" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h3>&lt;ol>
&lt;li>&lt;strong>大流量场景&lt;/strong>：结合Joi或Zod进行运行时校验，与类型系统形成双重保障&lt;/li>
&lt;li>&lt;strong>低端设备适配&lt;/strong>：通过Tree Shaking移除类型检查代码，保持运行时零开销&lt;/li>
&lt;li>&lt;strong>深度校验需求&lt;/strong>：自定义递归Required类型处理嵌套结构&lt;/li>
&lt;/ol>
&lt;h2 id="深度追问">深度追问 &lt;a href="#%e6%b7%b1%e5%ba%a6%e8%bf%bd%e9%97%ae" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h2>&lt;h3 id="问题1如何处理嵌套对象的必选转换">问题1：如何处理嵌套对象的必选转换？ &lt;a href="#%e9%97%ae%e9%a2%981%e5%a6%82%e4%bd%95%e5%a4%84%e7%90%86%e5%b5%8c%e5%a5%97%e5%af%b9%e8%b1%a1%e7%9a%84%e5%bf%85%e9%80%89%e8%bd%ac%e6%8d%a2" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h3>&lt;ul>
&lt;li>提示：实现DeepRequired类型，递归遍历对象属性&lt;/li>
&lt;/ul>
&lt;h3 id="问题2partial与required的互补性如何体现">问题2：Partial&lt;T>与Required&lt;T>的互补性如何体现？ &lt;a href="#%e9%97%ae%e9%a2%982partial%e4%b8%8erequired%e7%9a%84%e4%ba%92%e8%a1%a5%e6%80%a7%e5%a6%82%e4%bd%95%e4%bd%93%e7%8e%b0" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h3>&lt;ul>
&lt;li>提示：两者分别控制可选属性的双向转换，构成类型约束的基础工具&lt;/li>
&lt;/ul>
&lt;h3 id="问题3如何在运行时保持与类型定义同步">问题3：如何在运行时保持与类型定义同步？ &lt;a href="#%e9%97%ae%e9%a2%983%e5%a6%82%e4%bd%95%e5%9c%a8%e8%bf%90%e8%a1%8c%e6%97%b6%e4%bf%9d%e6%8c%81%e4%b8%8e%e7%b1%bb%e5%9e%8b%e5%ae%9a%e4%b9%89%e5%90%8c%e6%ad%a5" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h3>&lt;ul>
&lt;li>提示：使用Zod或TypeBox生成校验Schema，实现单点维护类型定义&lt;/li>
&lt;/ul></description></item></channel></rss>