https://fe-interview.pangcy.cn/tags/%E5%8E%9F%E5%9E%8B%E9%93%BE/Recent content in 原型链 on ZiYang FrontEnd InterviewHugoen-usThu, 06 Mar 2025 13:07:39 +0800https://fe-interview.pangcy.cn/docs/typescript/typescript-04/Tue, 04 Mar 2025 08:37:03 +0000https://fe-interview.pangcy.cn/docs/typescript/typescript-04/<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>：区分基础类型与对象类型的类型声明方式</li> <li><strong>类型安全原则</strong>：掌握object与Object在类型约束上的差异及其对类型安全的影响</li> <li><strong>原型继承机制</strong>：理解空对象类型<code>{}</code>与Object.prototype的关系</li> </ol> <p>具体评估点包括：</p> <ul> <li>object类型与Object接口的本质区别</li> <li>原始值包装对象对类型安全的影响</li> <li>空对象类型的类型兼容性特征</li> <li>原型链属性在类型检查中的表现</li> </ul> <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><p>object类型 &gt; 原型继承 &gt; 类型兼容性</p> <h4 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></h4><ol> <li><strong>object类型</strong>（TS 2.2+）表示非原始类型的对象，包括：对象字面量、数组、函数等。排除string/number/boolean等原始类型</li> <li><strong>Object接口</strong>表示JavaScript的Object构造函数类型，包含所有对象（包括原始值包装对象）和奇怪的undefined（开启strictNullChecks时除外）</li> <li>**空对象类型{}**是包含零个属性类型约束的对象类型，但仍继承Object.prototype的属性和方法</li> </ol> <div class="prism-codeblock "> <pre id="e25e556" class="language-typescript "> <code>// Object接受原始包装类型 const a: Object = new String(&#39;dangerous&#39;); // 合法 // object拒绝原始类型 const b: object = {}; // 合法 const c: object = &#39;str&#39;; // 类型错误 // {}类型可访问原型方法 const emptyObj: {} = {}; emptyObj.toString(); // 合法</code> </pre> </div> <h4 id="常见误区">常见误区 <a href="#%e5%b8%b8%e8%a7%81%e8%af%af%e5%8c%ba" class="anchor" aria-hidden="true"><i class="material-icons align-middle">link</i></a></h4><ul> <li>误认为Object是所有对象的基类型（实际是any对象的接口）</li> <li>混淆object与Object的约束范围</li> <li>认为空对象类型<code>{}</code>无法访问任何方法</li> </ul> <h2 id="问题解答">问题解答 <a href="#%e9%97%ae%e9%a2%98%e8%a7%a3%e7%ad%94" class="anchor" aria-hidden="true"><i class="material-icons align-middle">link</i></a></h2><p><strong>object vs Object</strong>：</p>