TypeScript 中的原生数据类型

TypeScript 类型注解 - 数据类型

欢迎来到 《探索 TypeScript 类型注解》 系列教程，在前篇探索了 TypeScript 的基本介绍，本篇我们将深入了解 TypeScript 的原生数据类型。

TypeScript 是一种静态类型编程语言，这意味着在编译时，TypeScript 能够检查出类型错误，并提供有用的错误信息。要使用 TypeScript 类型注解，需要在变量声明后面使用冒号和类型名称来指定变量的数据类型。例如，我们可以声明一个名为 bar 的布尔值变量，并使用 boolean 类型来指定它的数据类型：

let bar: boolean;

TypeScript 提供了多种原生数据类型，包括：

• 布尔值：boolean
• 数字：number
• 字符串：string
• 数组：Array<T>
• 元组：[T1, T2, ..., Tn]
• 枚举：enum
• 联合类型：T1 | T2 | ... | Tn
• 对象类型：{}
• 类型推断：自动推断变量的数据类型
• 类型别名：为类型创建一个别名
• 接口：定义对象的形状

布尔值

布尔值类型表示真或假。我们可以使用 true 和 false 来声明布尔值变量。例如：

let isTrue: boolean = true;
let isFalse: boolean = false;

数字

数字类型表示整数和小数。我们可以使用数字字面量来声明数字变量。例如：

let age: number = 28;
let pi: number = 3.14;

字符串

字符串类型表示文本。我们可以使用单引号或双引号来声明字符串变量。例如：

let name: string = 'John Doe';
let message: string = "Hello, world!";

数组

数组类型表示一组相同类型的值。我们可以使用 Array<T> 类型来声明数组变量，其中 T 是数组元素的数据类型。例如：

let numbers: Array<number> = [1, 2, 3, 4, 5];
let colors: Array<string> = ['red', 'green', 'blue'];

元组

元组类型表示一个固定长度的元素列表。我们可以使用 [T1, T2, ..., Tn] 类型来声明元组变量，其中 T1、T2、...、Tn 是元组元素的数据类型。例如：

let person: [string, number] = ['John Doe', 28];
let coordinates: [number, number, number] = [1, 2, 3];

枚举

枚举类型表示一组命名常量。我们可以使用 enum 关键字来声明枚举类型。例如：

enum Colors {
  Red,
  Green,
  Blue
}

let color: Colors = Colors.Red;

联合类型

联合类型表示变量可以具有多种类型。我们可以使用 T1 | T2 | ... | Tn 类型来声明联合类型变量，其中 T1、T2、...、Tn 是联合类型中允许的数据类型。例如：

let ageOrName: string | number = 28;
ageOrName = 'John Doe';

对象类型

对象类型表示具有特定属性的对象。我们可以使用 {} 类型来声明对象类型变量。例如：

let person: { name: string; age: number } = {
  name: 'John Doe',
  age: 28
};

类型推断

TypeScript 可以自动推断变量的数据类型。如果我们在声明变量时没有指定数据类型，TypeScript 会根据变量的赋值来推断其数据类型。例如：

let age = 28; // TypeScript 推断出 age 的数据类型为 number
let name = 'John Doe'; // TypeScript 推断出 name 的数据类型为 string

类型别名

类型别名允许我们为类型创建一个别名。我们可以使用 type 关键字来声明类型别名。例如：

type Person = {
  name: string;
  age: number;
};

let person: Person = {
  name: 'John Doe',
  age: 28
};

接口

接口允许我们定义对象的形状。我们可以使用 interface 关键字来声明接口。例如：

interface Person {
  name: string;
  age: number;
}

let person: Person = {
  name: 'John Doe',
  age: 28
};

TypeScript 的类型注解非常强大，可以帮助我们编写出更加健壮和可靠的代码。在接下来的教程中，我们将继续探索 TypeScript 类型注解的其他特性。