TypeScript 常见的类型（上）

前言

作为一名前端开发人员，在开发过程中，经常会遇到各种各样的问题，其中，最常见的问题之一就是类型错误。类型错误是指，在代码中使用了不正确的类型，例如，将一个数字类型的值赋给了一个字符串类型的变量。类型错误会导致代码出现运行时错误，从而导致程序崩溃或产生不正确的结果。

为了避免类型错误，我们可以在代码中使用类型检查。类型检查是指，在代码中显式地指定变量和函数的类型，并通过编译器来检查这些类型是否正确。如果代码中存在类型错误，编译器会报错，这样我们就可以在代码运行之前发现并修复这些错误。

TypeScript 是一种静态类型语言，它支持类型检查。在 TypeScript 中，我们可以使用各种类型来对变量和函数进行类型标注。TypeScript 的类型系统非常强大，它可以帮助我们轻松捕捉错误，并让我们的代码更加可读。

TypeScript 中的类型

在 TypeScript 中，类型可以分为两大类：基本类型和引用类型。基本类型是指那些不能再进一步分解的类型，包括数字类型、布尔类型、字符串类型和 null 和 undefined 类型。引用类型是指那些可以被分解为更小的类型的类型，包括数组类型、元组类型、枚举类型、对象类型和函数类型。

基本类型

数字类型

数字类型是指那些可以表示数字的值，包括整数和浮点数。数字类型的字面量可以是十进制、十六进制或八进制。

let num1: number = 10;
let num2: number = 0x10;
let num3: number = 0o10;

布尔类型

布尔类型是指那些可以表示真或假的值。布尔类型的字面量是 true 和 false。

let bool1: boolean = true;
let bool2: boolean = false;

字符串类型

字符串类型是指那些可以表示文本的值。字符串类型的字面量可以是单引号括起来的字符串，也可以是双引号括起来的字符串。

let str1: string = 'Hello';
let str2: string = "World";

null 和 undefined 类型

null 和 undefined 类型都是特殊的类型，它们表示不存在的值。null 值表示一个明确的空值，而 undefined 值表示一个未定义的值。

let n1: null = null;
let u1: undefined = undefined;

引用类型

数组类型

数组类型是指那些可以存储一组值的值。数组类型的字面量可以使用方括号括起来的值来表示。

let arr1: number[] = [1, 2, 3];
let arr2: string[] = ['Hello', 'World'];

元组类型

元组类型是指那些可以存储一组固定数量和类型的值的值。元组类型的字面量可以使用圆括号括起来的值来表示。

let tuple1: [number, string] = [1, 'Hello'];
let tuple2: [number, boolean, string] = [1, true, 'World'];

枚举类型

枚举类型是指那些可以存储一组固定值的类型。枚举类型的字面量可以使用花括号括起来的值来表示。

enum Color {
  Red,
  Green,
  Blue
}

let color1: Color = Color.Red;
let color2: Color = Color.Green;

对象类型

对象类型是指那些可以存储一组键值对的值。对象类型的字面量可以使用花括号括起来的值来表示。

let obj1: { name: string; age: number } = { name: 'John', age: 30 };
let obj2: { [key: string]: any } = { name: 'Mary', age: 20, city: 'New York' };

函数类型

函数类型是指那些可以表示函数的值。函数类型的字面量可以使用箭头函数来表示。

let func1: (x: number) => number = (x) => x * 2;
let func2: (x: number, y: number) => number = (x, y) => x + y;