TypeScript的类型

在 TypeScript 中，什么是“类型”，它的作用是什么？

类型是对一个值拥有的属性（properties）和方法（functions）的抽象描述，是理解和约束代码行为的基础。

在TypeScript 里，类型是一种标签，用来描述一个值拥有哪些属性和方法，并且每个值都有一个类型。

比如字符串 'Hello'，它有 length 属性和 toLocaleUpperCase() 等方法：

通过给值赋予类型，我们可以简洁地表达它的能力和用途，而不用每次都详细列举其所有特性。

类型主要有两个作用：

• 帮助 TypeScript 编译器分析代码，发现潜在错误

• 让开发者清楚变量能接受哪些值，提升代码可读性和可维护性。

注：值可以理解为你可以赋予变量的任何一个东西，比如字符串、数值等

---

TypeScript 有哪些类型，它们如何分类？

原始类型（Primitive types）

名称	描述
string	表示文本数据
number	表示数值
boolean	只有 true 和 false
null	只有一个值：null
undefined	只有一个值：undefined
symbol	表示唯一的常量值

对象类型（Object types）

包括函数、数组、类等，还可以自定义对象类型（如接口、类型别名等）。

---

为什么类型在 TypeScript 中如此重要？

类型的存在有两个核心目的：

• 静态检查：TypeScript 编译器利用类型信息，在编译阶段发现代码中的错误，避免运行时 bug。

• 代码自解释：类型让开发者一眼就能看出变量能接受哪些值、能做什么操作，提升团队协作和代码维护效率。

是否可以举个例子以总结以上内容？

比如使用createElement()创建<h1>元素：

// create a heading element
const heading = document.createElement("h1");

TypeScript 能自动推断 heading 的类型为 HTMLHeadingElement：

并在编辑器中提示你可以访问哪些属性和方法：

如果你尝试访问不存在的属性，编译器会立刻报错，以防止低级错误：

---

• 如果你觉得我的工作对你有帮助，可以通过分享这篇文字或者关注同名公众号来支持我，你的支持是我持续创作的最大动力：
  

• 转载以及引用请注明原文链接。

• 本博客所有文章除特别声明外，均采用CC 署名-非商业使用-相同方式共享 许可协议。