前端Wiki/词条/TypeScript 与 JavaScript

TypeScript 与 JavaScript

定义给 JavaScript 加上静态类型系统的超集语言，编译后仍是纯 JavaScript

TypeScript 是 JavaScript 的超集，任何合法 JS 代码都是合法 TS 代码。它在 JS 之上增加了静态类型系统，让你在编写时就能发现拼写错误、参数传错、属性不存在等问题，而不是等运行时报错。大型项目里，类型相当于最可靠的文档，重构时编译器会逐一检查所有调用点。

TS 并不改变 JS 的运行行为，类型在编译阶段会被完全擦除，产物仍是普通 JS。它与编辑器结合后体验极佳：智能补全更准确、跳转到定义可靠、错误即时标红。生态上 Vue、React、Vite 全面拥抱 TS，新项目默认使用 TS 已是主流共识。

TS 是 JS 的超集，编译产物是纯 JS，运行时无任何类型开销
编辑器集成带来精准补全与重构保护，大型项目收益最大
生态全面拥抱，Vue 与 React 的脚手架默认语言

JavaScript

// TS：参数与返回值有类型约束
function add(a: number, b: number): number {
  return a + b;
}
add(1, 2);          // OK
// add(1, '2');     // 编辑器直接标红，编译报错

// 编译后就是普通 JS：
// function add(a, b) { return a + b; }

⚠ 常见误区

以为 TS 是全新语言要重新学——它只是 JS 加了类型层
觉得类型注解影响运行性能——类型在编译时被完全擦除
小脚本也全套类型注解，反而拖慢开发节奏

🔗 相关词条为什么用 TypeScript 类型注解与类型推断