Appearance
Babel 与 TypeScript 转译：语法降级、类型擦除与职责边界
主题边界
- Babel 主要处理 JavaScript 语法转换与兼容性；TypeScript 编译器主要处理类型检查与类型擦除。
- 两者可以协作，但不能互相完全替代。
机制与流程
- Babel 基于 AST 插件链做语法变换，常配合 preset-env 按浏览器目标生成较低版本语法，并按需注入 helper 或 polyfill。
- TypeScript 编译器先做类型分析，再输出 JavaScript；它能降级部分语法，但不会自动给所有运行时特性打补丁。
- 很多工程里采用
tsc --noEmit做类型检查，真正的 JS 转换交给 Babel、esbuild 或 swc。
关键差异
- Babel 擅长语法生态和插件扩展，TypeScript 擅长类型系统；两者职责交叠但核心目标不同。
- polyfill 解决的是运行时 API 缺失，transpile 解决的是语法不被当前环境解析。
边界条件
- 只做语法降级而不补运行时 API，会出现代码能编过但线上运行报错。
- Babel 会擦掉类型注解，却不会帮你完成类型检查。
工程落点
- 构建链设计时要明确谁负责类型检查、谁负责语法变换、谁负责兼容性注入。
- 很多“某个语法不能用”问题，本质上是浏览器目标、插件顺序或 helper/polyfill 策略没对齐。