TypeScript 基础

TypeScript 是 JavaScript 的超集,添加了静态类型系统与现代语言特性,有助于在编译期发现错误。

基本类型

TypeScript 提供 number、string、boolean、null、undefined、symbol、bigint 等基本类型,以及 any(跳过检查)、unknown(类型安全的顶级类型)、void(无返回值)、never(永不存在)。

let count: number = 0;
let name: string = 'foo';
let list: number[] = [1, 2, 3];

interface 用于定义对象的结构,描述属性名、类型与可选性。接口可继承、可合并(同名自动合并),只存在于编译阶段。

interface User {
  id: number;
  name: string;
  email?: string;
}

联合类型 A | B 表示值是其中之一;交叉类型 A & B 表示值同时满足两者,常用于合并对象类型。

类型断言 as 与尖括号语法可手动指定类型,仅在编译期生效,运行时无检查。as const 可将字面量类型收窄。

const el = document.querySelector('.box') as HTMLDivElement;

常用选项包括:target(编译目标 ES 版本)、module(模块系统)、strict(严格模式总开关)、noImplicitAny(禁止隐式 any)、esModuleInterop(默认导入行为)、paths 与 baseUrl(路径别名)。

tsc 是 TypeScript 编译器,tsc file.ts 编译单个文件,tsc --noEmit 仅做类型检查不输出。开发中通常配合 ts-node、tsx 或构建工具(Vite、esbuild)使用。