TypeScript 类型

摘要: 在本教程中，你将了解 TypeScript 中的类型及其用途。

什么是 TypeScript 中的类型

在 TypeScript 中，类型是用于描述一个数值所拥有的属性和方法的快捷方式。

一个数值是可以赋给变量的任何东西，例如数字、字符串、数组、对象和函数。

请看如下数值:

'Hello'

当你看到这个值时，你可以说它是一个字符串。这个值具有字符串所具有的属性和方法。

例如，"Hello" 有一个名为 length 的属性，该属性返回字符数:

 console.log('Hello'.length); // 5

它还有许多方法，如 match()、indexOf() 和 toLocaleUpperCase()。例如:

console.log('Hello'.toLocaleUpperCase()); // HELLO 

如果你查看 ' Hello' 并通过列出属性和方法来描述它，这样不太方便。

描述一个值的更简单的方法是给它分配一个类型。在这个例子中，你可以说 "Hello" 是一个字符串。然后，你知道可以将字符串的属性和方法用于 "Hello"。

总之，在 TypeScript 中:

TypeScript 从 JavaScript 继承了内置类型。TypeScript 类型分为：

下面阐释了 TypeScript 中的基础类型:

类型	描述
string	代表文本数据
number	代表数字
boolean	代表 true 或者 false
null	代表 null
undefined	有一个值: undefined。它是未初始化变量的默认值
symbol	代表一个唯一的常量值

对象类型是函数、数组、类等。稍后，你将学习如何创建自定义对象类型。

类型在 TypeScript 中有两个主要用途:

以下示例使用 querySelector() 方法选择 <h1> 元素:

const heading = document.querySelector('h1');

TypeScript 编译器知道 heading 的类型是 HTMLHeadingElement:

它显示了 heading 可以访问的 HTMLHeadingElement 类型的方法列表：

如果尝试访问不存在的属性或方法，TypeScript 编译器将显示错误。例如：