TypeScript 的基本类型：从新手到熟练掌握

前言

TypeScript 作为 JavaScript 的超集，引入了一个强大而全面的类型系统，可帮助我们编写更健壮、更易于维护的代码。基本类型是 TypeScript 的基石，它们为我们提供了定义和操作数据值的基础。

基础类型的分类

TypeScript 提供了以下基本类型：

• 布尔值：表示 true 或 false 的逻辑值。
• 数字：表示数字值的数字类型，支持二进制、八进制、十进制和十六进制。
• 字符串：由 Unicode 字符序列组成的文本值。
• 数组：有序集合，元素可以是任何类型。
• 元组：有序集合，元素具有固定类型。

布尔值

布尔类型表示 true 或 false 的逻辑值。它广泛用于条件语句、循环和其他需要布尔判断的地方。

示例：

const isLoggedIn: boolean = true;
if (isLoggedIn) {
  // ...
}

数字

数字类型表示数值，支持整数和浮点数。它支持二进制、八进制、十进制和十六进制表示法。

示例：

const age: number = 30;
const pi: number = 3.14159;
const hex: number = 0xFF;

字符串

字符串类型表示文本值，由 Unicode 字符序列组成。它支持单引号和双引号作为定界符。

示例：

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

数组

数组类型表示有序元素集合，元素可以是任何类型。它有两种创建数组的方式：

• string[]：字符串数组
• Array<type>：泛型数组，其中 type 是元素的类型

示例：

const numbers: number[] = [1, 2, 3, 4, 5];
const users: Array<{ name: string; age: number }> = [
  { name: "John", age: 30 },
  { name: "Jane", age: 25 },
];

元组

元组类型表示有序元素集合，但元素具有固定类型。它与数组类似，但类型定义更加严格。

示例：

const person: [string, number] = ["John", 30];
// person[0] 是字符串，person[1] 是数字

结论

TypeScript 的基本类型是构建健壮、可维护的代码的基础。通过理解每种类型的细微差别，我们可以充分利用 TypeScript 的类型系统。从布尔值到元组，这些类型为我们在 TypeScript 中操作数据提供了强大的工具集。掌握这些基本类型对于任何 TypeScript 开发人员来说都是必不可少的。