面试题：TypeScript 与 JavaScript 是什么关系？如何到浏览器运行？

关系

• TS 是 JS 的超集：合法 JS（含新语法）几乎都可作为 TS 输入；额外提供静态类型系统与编译期检查。
• 运行时没有 TypeScript：类型信息在 编译（tsc / esbuild / swc） 阶段被擦除（type erasure），产物仍是 JS。

价值（面试常答）

1. 提前发现错误：拼写、空值、参数类型不匹配。
2. IDE 体验：跳转定义、重构、自动补全。
3. 可读性与协作：接口即文档。

执行路径

• tsc 转译为目标 ES 版本 + 可选生成 .d.ts。
• 打包器内联转译（Vite/Webpack + esbuild/babel），生产构建再产出 JS。

注意

TS 不保证运行时类型安全：来自 API / localStorage 的数据仍需 校验（zod、io-ts 等）若要强保证。