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

最新推荐文章于 2025-04-24 17:15:08 发布

转载最新推荐文章于 2025-04-24 17:15:08 发布 · 982 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5cbb3888f265da039955d9a7

文章标签：

#javascript #操作系统 #ViewUI

本文深入讲解TypeScript，作为JavaScript的超集，它如何通过类型系统增强代码质量。文章覆盖了基本数据类型、枚举、元组、never类型及类型断言等高级特性，适合希望提升JavaScript开发效率和代码维护性的开发者。

摘要生成于 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;

复制代码