TypeScript基础-基础类型

TypeScript基本类型与高级特性详解

最新推荐文章于 2025-06-24 09:34:26 发布

原创最新推荐文章于 2025-06-24 09:34:26 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#typescript

TypeScript 专栏收录该内容

2 篇文章

订阅专栏

这篇博客详细介绍了TypeScript中的基本数据类型，包括布尔型、数字、字符串、数组、元组、枚举、未知类型any和空类型void。此外，还提到了Object类型及其在API中的应用。文章深入探讨了每种类型的使用方法和限制，帮助读者更好地理解和运用TypeScript的类型系统。

布尔 boolean

通过关键字boolean定义

let isDone: boolean = false;

数字 number

TypeScript里的所有数字都是浮点数。这些浮点数的类型是 number。

let decLiteral: number = 6;
let hexLiteral: number = 0xf00d;
let binaryLiteral: number = 0b1010;
let octalLiteral: number = 0o744;

字符串 string

和JavaScript一样，可以使用双引号（ "）或单引号（'）表示字符串，还可以使用字符串模板。

let name: string = "bob";
name = "smith";
let sentence: string = `Hello, my name is ${ name }.`

数组 []

直接使用[]定义数组，也可以使用泛型Array<元素类型>定义数组

let list: number[] = [1, 2, 3];
let list: Array<number> = [1, 2, 3];

元组 Tuple

元组类型允许表示一个已知元素数量和类型的数组，各元素的类型不必相同。

// 定义元组
let x: [string, number];
// 索引对应的类型一致则正常
x = ['hello', 10]; // OK
// 索引对应的类型不一致会报错
x = [10, 'hello']; // Error

在数组中访问越界内容会报错，但是当访问元组中越界的元素，会使用联合类型替代：

x[3] = 'world'; // OK, 字符串可以赋值给(string | number)类型

console.log(x[5].toString()); // OK, 'string' 和 'number' 都有 toString

x[6] = true; // Error, 布尔不是(string | number)类型

枚举 enum

enum Color {Red = 1, Green = 2, Blue = 4}
let c: Color = Color.Green;
console.log(c);  // 显示'2'因为上面代码里它的key是Green
let colorName: string = Color[2];
console.log(colorName);  // 显示'Green'因为上面代码里它的值是2

未知类型 any

有时候，我们会想要为那些在编程阶段还不清楚类型的变量指定一个类型。这种情况下，我们不希望类型检查器对这些值进行检查而是直接让它们通过编译阶段的检查。那么我们可以使用 any类型来标记这些变量：

let notSure: any = 4;
notSure = "maybe a string instead";
notSure = false; // okay, definitely a boolean

空类型 void

当一个函数没有返回值时，你通常会见到其返回值类型是 void

function warnUser(): void {
    console.log("This is my warning message");
}

Object 类型

使用object类型，就可以更好的表示像Object.create这样的API

declare function create(o: object | null): void;

create({ prop: 0 }); // OK
create(null); // OK

create(42); // Error
create("string"); // Error
create(false); // Error
create(undefined); // Error