什么是 TypeScript
TypeScript 是 JavaScript 的类型超集:在 JS 语法之上加了静态类型系统,由编译器(tsc)在构建期把类型不匹配的错误揪出来,然后擦除类型、输出干净的 JS。任何合法的 JS 都是合法的 TS,已有的 JS 代码可以直接当 TS 用,学习曲线很平缓。
它解决的核心问题是动态类型的运行时 Bug:函数期望 number,调用方传了 string,JS 要等代码跑到那一行才报错;TS 在你敲完那行代码时就在编辑器里标红。类型信息还养活了整个 IDE 生态:补全、跳转定义、安全重命名都依赖它。
- TS 是 JS 的超集:编译产物就是普通 JS,浏览器与 Node 都能直接跑
- 编译期纠错:把"用户点出来的 Bug"提前成"编辑器里的红线"
- 类型只存在于编译期,运行时被完全擦除,零额外开销
TS
// TypeScript 长什么样:比 JS 多了类型注解
function greet(name: string): string {
return '你好,' + name;
}
console.log(greet('TypeScript')); // ✓
// greet(42); // ❌ 编译报错:数字不能赋给 string
// 接口描述数据结构
interface User { name: string; age: number }
const u: User = { name: '小明', age: 18 };JS
// 编译后:类型注解被完全擦除,就是普通 JS function greet(name) { return '你好,' + name; } console.log(greet('TypeScript')); // 你好,TypeScript
本节要点TypeScript = JavaScript + 编译期类型检查;类型不进入运行时,最终跑的还是 JS。




