TypeScript通过静态类型检查在编码阶段捕获类型错误，提升JavaScript代码的可靠性与可维护性；原生JS仅支持运行时检查、JSDoc注释或第三方库等“事后”类型保障方式。

JavaScript 本身是动态类型语言，运行时才确定变量类型，容易在大型项目中引发隐蔽的类型错误。TypeScript 是 JavaScript 的超集，通过静态类型检查，在编码阶段就捕获类型问题，显著提升代码可靠性与可维护性。

JavaScript 类型检查怎么做？

原生 JavaScript 不支持编译期类型检查，但可通过以下方式增强类型安全：

• 运行时检查：用 typeof、Array.isArray()、instanceof 或自定义校验函数判断类型，适合关键逻辑（如 API 响应解析）；
• JSDoc + IDE 支持：在注释中写类型（如 /** @type {string[]} */），VS Code 等编辑器能据此提供基础提示和简单检查；
• 第三方库辅助：如 prop-types（React）、io-ts（运行时类型解码），适合需要严格运行时校验的场景。

这些方法都属于“事后”或“半自动”检查，无法覆盖全部路径，也不能阻止错误代码被提交或构建。

TypeScript 的核心优势

TypeScript 在 JavaScript 语法基础上添加了可选的静态类型系统，编译为纯 JS 运行，不改变执行行为，却带来质的提升：

• 提前发现错误：调用不存在的方法、传错参数类型、访问未定义属性等，都在保存或构建时提示，而非等到用户点击才报错；
• 更好的工具支持：智能补全、跳转定义、重命名重构更准确，尤其在跨文件、深层嵌套对象时效果明显；
• 提升协作效率：接口（interface）、类型别名（type）让函数签名和数据结构一目了然，减少文档依赖和沟通成本；
• 渐进式采用：.ts 文件可混合 .js 文件使用，支持从单个文件开始加类型，旧项目也能逐步迁移。

一个对比小例子

假设有个处理用户信息的函数：

function greetUser(user) {
  return `Hello, ${user.name.toUpperCase()}`; // 若 user 为 null 或 name 为 number，运行时报错
}

TypeScript 写法（编辑器立刻标红）：

interface User { name: string }
function greetUser(user: User) {
  return `Hello, ${user.name.toUpperCase()}`; // 若传入 { name: 123 }，编辑器直接报错
}

基本上就这些——不用重写整个项目，加几行类型声明，就能把很多低级错误挡在上线前。