typescript的数据类型有哪些

原创

mob649e8157aaee 2023-09-02 03:23:38 ©著作权

文章标签 数据类型基本数据类型复杂数据类型 文章分类 TypeScript 前端开发

©著作权归作者所有：来自51CTO博客作者mob649e8157aaee的原创作品，请联系作者获取转载授权，否则将追究法律责任

TypeScript的数据类型有哪些

作为一名经验丰富的开发者，我将向你介绍如何在TypeScript中使用不同的数据类型。下面是我整理的实现流程。

flowchart TD
    A(开始)
    B(了解基本数据类型)
    C(了解复杂数据类型)
    D(总结)
    A --> B
    B --> C
    C --> D

了解基本数据类型

首先，我们需要了解TypeScript中的基本数据类型，以便正确地定义变量和函数参数。

数据类型	描述	示例
number	表示数字，包括整数和浮点数	`let age: number = 24;`
string	表示字符串	`let name: string = "John";`
boolean	表示布尔值（true/false）	`let isStudent: boolean = true;`
null	表示空值	`let myVar: null = null;`
undefined	表示未定义的值	`let myVar: undefined = undefined;`
void	表示没有返回值的函数	`function logMessage(): void { console.log("Hello"); }`
symbol	表示唯一的标识符	`let id: symbol = Symbol();`

在定义变量时，我们需要使用冒号（:）来指定变量的类型，这样TypeScript就能对变量进行类型检查。

let age: number = 24;
let name: string = "John";
let isStudent: boolean = true;

了解复杂数据类型

除了基本数据类型，TypeScript还提供了一些复杂数据类型，用于表示更复杂的数据结构。

数据类型	描述	示例
array	表示数组，可以存储同一类型的多个值	`let numbers: number[] = [1, 2, 3, 4, 5];`
tuple	表示固定长度和固定类型的数组	`let person: [string, number] = ["John", 24];`
enum	表示一组命名的常量值	`enum Color { Red, Green, Blue };`
any	表示任意类型	`let data: any = 10;`
object	表示非原始类型，可以是任意类型的实例	`let person: object = { name: "John", age: 24 };`
interface	表示复杂数据结构的类型	`interface Person { name: string; age: number; }`
union	表示多个类型的联合	`let value: string \| number = "Hello";`
literal	表示具体的值	`let status: "success" \| "error" = "success";`
type alias	表示自定义的数据类型	`type Point = { x: number; y: number; };`

let numbers: number[] = [1, 2, 3, 4, 5];
let person: [string, number] = ["John", 24];

enum Color { Red, Green, Blue };
let color: Color = Color.Red;

let data: any = 10;

let person: object = { name: "John", age: 24 };

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

let value: string | number = "Hello";

let status: "success" | "error" = "success";

type Point = { x: number; y: number; };