TS学习笔记（一）：基本类型

最新推荐文章于 2025-05-07 00:21:36 发布

爱笑的小宇宙

最新推荐文章于 2025-05-07 00:21:36 发布

阅读量626

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/wangningjing87/article/details/103729713

TypeScript 专栏收录该内容

2 篇文章

订阅专栏

本文深入讲解TypeScript，作为JavaScript的超集，它如何通过类型系统增强代码质量和可维护性。文章详细介绍了各种数据类型，如枚举、元组、Void、Never等，以及类型断言的使用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

TypeScript 是 JaveScript 类型的超集，它可以编译成纯 JavaScript，TypeScript 可以在任何浏览器、任何计算机和任何操作系统上运行，并且是开源的。

TypeScript 支持与 Javascript 几乎相同的数据类型，此外还提供了使用的枚举类型，TypeScript 支持的类型包括：布尔值、数字、字符串、数组、元组、枚举、Any、Void、Null、 Undefined、Nerver、Object、类型断言.

要点:

有两种方式可以定义数组，第一种是在元素类型后面接上[]，表示由此类型元素组成的一个数组；第二种是使用数组泛型，Array<元素类型>
元组类型表示一个已知元素数量和类型的数组，各元素的类型不必相同
Void 表示没有任何类型，当一个函数没有返回值时，通常会将其返回值类型设为 void
有两种类型断言，在 JSX 里，只有 as 语法断言是被允许的
never 类型表示的是那些永不存在的值的类型，常用于抛出异常或根本就不会有返回值的函数表达式或箭头函数表达式的返回值类型

let tsBoolean: boolean = false;
let tsNumber: number = 123;
let tsString: string = 'abc';
let tsLinstNum2: number[] = [1, 2, 3, 4];
let tsLinstStr: string[] = ['A', 'B', 'C', 'D'];
let tsListMix: any[] = ['A', 1, 'B', 2, { a: 12 }];

let tsLintStr2: Array<string> = ['A', 'B', 'C', 'D'];
let tsTuple: [string, number] = ['AA', 222]

enum Color { Red, Green, Pink }
let tsEnum: Color = Color.Green;

let tsNull: null = null;
let tsUndefined: undefined = undefined;
let tsObject: object = { a: 'aaaa' };

function tsVoidFun(a: string, b: string): void {
 console.log(a + b)
}

function error(message: string): nerver {
 throw new Error(message);
}

let someValue: any = "this is a string";
let strLength: number = (someValue as string).length;