TypeScript 词条目录
前端Wiki/TypeScript/基础/认识 TypeScript

什么是 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。