TS 联合类型实战

学习联合类型 · 难度：进阶 · +15XP

TypeScript 联合类型

联合类型让一个值可以是多种类型之一，用|分隔。

基本用法

let id:string|number=123;
id="abc"; // OK
function printId(id:string|number){if(typeof id==="string")console.log(id.toUpperCase());else console.log(id.toFixed(2))}

类型收窄

type Shape=Circle|Square|Triangle;
function area(s:Shape):number{
  if("radius"in s)return Math.PI*s.radius**2;
  if("sideLength"in s)return s.sideLength**2;
  return(s.base*s.height)/2;
}

???? 练习

1. 定义string|number联合类型
2. 写类型收窄函数

学习与实践建议

1. 先理解本节的核心概念和语法规则
2. 在右边编辑器中修改示例代码，观察运行结果变化
3. 尝试用学到的知识完成一个小练习——比如自己写一个工具函数或小程序
4. 遇到问题时，查阅官方文档是最快的学习途径

编程是门实践技能，动手写代码比看教程重要得多。坚持每天练习，你会很快看到进步！