<?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%B1%BB%E5%9E%8B%E6%B3%A8%E8%A7%A3/</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%B1%BB%E5%9E%8B%E6%B3%A8%E8%A7%A3/index.xml" rel="self" type="application/rss+xml"/><item><title>TypeScript基础类型种类</title><link>https://fe-interview.pangcy.cn/docs/typescript/typescript-01/</link><pubDate>Tue, 04 Mar 2025 08:37:03 +0000</pubDate><guid>https://fe-interview.pangcy.cn/docs/typescript/typescript-01/</guid><description>&lt;h2 id="解答">解答 &lt;a href="#%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;h1 id="typescript-常用数据类型与类型注解指南">TypeScript 常用数据类型与类型注解指南 &lt;a href="#typescript-%e5%b8%b8%e7%94%a8%e6%95%b0%e6%8d%ae%e7%b1%bb%e5%9e%8b%e4%b8%8e%e7%b1%bb%e5%9e%8b%e6%b3%a8%e8%a7%a3%e6%8c%87%e5%8d%97" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h1>&lt;h2 id="一原始数据类型">一、原始数据类型 &lt;a href="#%e4%b8%80%e5%8e%9f%e5%a7%8b%e6%95%b0%e6%8d%ae%e7%b1%bb%e5%9e%8b" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h2>&lt;table>
 &lt;thead>
 &lt;tr>
 &lt;th>类型&lt;/th>
 &lt;th>描述&lt;/th>
 &lt;th>示例&lt;/th>
 &lt;/tr>
 &lt;/thead>
 &lt;tbody>
 &lt;tr>
 &lt;td>&lt;code>string&lt;/code>&lt;/td>
 &lt;td>字符串类型，表示文本数据&lt;/td>
 &lt;td>&lt;code>let name: string = &amp;quot;Alice&amp;quot;;&lt;/code>&lt;/td>
 &lt;/tr>
 &lt;tr>
 &lt;td>&lt;code>number&lt;/code>&lt;/td>
 &lt;td>数值类型（含整数、浮点数、二进制等）&lt;/td>
 &lt;td>&lt;code>let age: number = 25;&lt;/code>&lt;/td>
 &lt;/tr>
 &lt;tr>
 &lt;td>&lt;code>boolean&lt;/code>&lt;/td>
 &lt;td>布尔类型，&lt;code>true&lt;/code> 或 &lt;code>false&lt;/code>&lt;/td>
 &lt;td>&lt;code>let isDone: boolean = false;&lt;/code>&lt;/td>
 &lt;/tr>
 &lt;tr>
 &lt;td>&lt;code>null&lt;/code>&lt;/td>
 &lt;td>表示“无值”，需在严格模式下使用&lt;/td>
 &lt;td>&lt;code>let data: null = null;&lt;/code>&lt;/td>
 &lt;/tr>
 &lt;tr>
 &lt;td>&lt;code>undefined&lt;/code>&lt;/td>
 &lt;td>表示未初始化或未定义的变量&lt;/td>
 &lt;td>&lt;code>let value: undefined = undefined;&lt;/code>&lt;/td>
 &lt;/tr>
 &lt;tr>
 &lt;td>&lt;code>symbol&lt;/code>&lt;/td>
 &lt;td>唯一且不可变的值（ES6+）&lt;/td>
 &lt;td>&lt;code>const key: symbol = Symbol();&lt;/code>&lt;/td>
 &lt;/tr>
 &lt;tr>
 &lt;td>&lt;code>bigint&lt;/code>&lt;/td>
 &lt;td>大整数类型（后缀为 &lt;code>n&lt;/code>）&lt;/td>
 &lt;td>&lt;code>let big: bigint = 1000n;&lt;/code>&lt;/td>
 &lt;/tr>
 &lt;/tbody>
&lt;/table>
&lt;hr>
&lt;h2 id="二特殊类型">二、特殊类型 &lt;a href="#%e4%ba%8c%e7%89%b9%e6%ae%8a%e7%b1%bb%e5%9e%8b" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h2>&lt;table>
 &lt;thead>
 &lt;tr>
 &lt;th>类型&lt;/th>
 &lt;th>描述&lt;/th>
 &lt;th>示例&lt;/th>
 &lt;/tr>
 &lt;/thead>
 &lt;tbody>
 &lt;tr>
 &lt;td>&lt;code>any&lt;/code>&lt;/td>
 &lt;td>禁用类型检查，允许赋值任何类型（慎用）&lt;/td>
 &lt;td>&lt;code>let dynamic: any = &amp;quot;Hello&amp;quot;; dynamic = 1;&lt;/code>&lt;/td>
 &lt;/tr>
 &lt;tr>
 &lt;td>&lt;code>unknown&lt;/code>&lt;/td>
 &lt;td>安全的顶层类型，需类型校验后才能操作&lt;/td>
 &lt;td>&lt;code>let val: unknown = fetchData(); if (typeof val === &amp;quot;string&amp;quot;) { ... }&lt;/code>&lt;/td>
 &lt;/tr>
 &lt;tr>
 &lt;td>&lt;code>void&lt;/code>&lt;/td>
 &lt;td>表示函数无返回值（默认返回 &lt;code>undefined&lt;/code>）&lt;/td>
 &lt;td>&lt;code>function log(s: string): void { console.log(s); }&lt;/code>&lt;/td>
 &lt;/tr>
 &lt;tr>
 &lt;td>&lt;code>never&lt;/code>&lt;/td>
 &lt;td>表示永不返回值的函数（如抛出异常或死循环）&lt;/td>
 &lt;td>&lt;code>function error(msg: string): never { throw new Error(msg); }&lt;/code>&lt;/td>
 &lt;/tr>
 &lt;/tbody>
&lt;/table>
&lt;hr>
&lt;h2 id="三类型注解定义方式">三、类型注解定义方式 &lt;a href="#%e4%b8%89%e7%b1%bb%e5%9e%8b%e6%b3%a8%e8%a7%a3%e5%ae%9a%e4%b9%89%e6%96%b9%e5%bc%8f" 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="#1-%e5%8f%98%e9%87%8f%e5%a3%b0%e6%98%8e" 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="9c3d513" class="language-typescript ">
 &lt;code>let count: number = 10;
const message: string = &amp;#34;Hello, TypeScript!&amp;#34;;&lt;/code>
 &lt;/pre>
 &lt;/div>
&lt;h3 id="2-函数参数与返回值">2. 函数参数与返回值 &lt;a href="#2-%e5%87%bd%e6%95%b0%e5%8f%82%e6%95%b0%e4%b8%8e%e8%bf%94%e5%9b%9e%e5%80%bc" 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="4a97bff" class="language-typescript ">
 &lt;code>// 函数返回值类型注解
function sum(a: number, b: number): number {
 return a &amp;#43; b;
}

// 箭头函数
const greet = (name: string): void =&amp;gt; {
 console.log(`Hi, ${name}!`);
};&lt;/code>
 &lt;/pre>
 &lt;/div>
&lt;h3 id="3复杂类型组合">3.复杂类型组合 &lt;a href="#3%e5%a4%8d%e6%9d%82%e7%b1%bb%e5%9e%8b%e7%bb%84%e5%90%88" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h3>&lt;p>使用联合类型（|）、类型别名或接口：&lt;/p></description></item></channel></rss>