在 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()创建
元素:
// create a heading element
const heading = document.createElement("h1");
TypeScript 能自动推断 heading 的类型为 HTMLHeadingElement:
并在编辑器中提示你可以访问哪些属性和方法:
如果你尝试访问不存在的属性,编译器会立刻报错,以防止低级错误:
如果你觉得我的工作对你有帮助,可以通过分享这篇文字或者关注同名公众号来支持我,你的支持是我持续创作的最大动力:
转载以及引用请注明原文链接。
本博客所有文章除特别声明外,均采用CC 署名-非商业使用-相同方式共享 许可协议。