TypeScript能否直接运行

很多人在刚开始接触 TypeScript 的时候，都会遇到一个实际问题：写好的 .ts 文件能不能像 .js 那样直接在浏览器或者 Node.js 里运行？答案是不能。

TypeScript 不是“可执行”的语言

TypeScript 本质上是 JavaScript 的超集，它只是给 JS 加了类型系统、接口、类装饰器等语法糖。但浏览器和 Node.js 引擎只认识 JavaScript，不认识 TypeScript。所以你写的 .ts 文件必须先“翻译”成 .js 才能跑起来。

这就像你写了一封文言文书信，朋友看不懂，得先翻译成白话文他才能读。TypeScript 就是那个“文言文”，而 JavaScript 是“白话文”。

需要通过编译转换

TypeScript 官方提供了编译工具 tsc。安装后，在命令行运行：

npx tsc hello.ts

就会生成一个同名的 hello.js 文件。这个文件才是可以运行的。比如你有下面这段 TypeScript 代码：

function greet(name: string): string {
    return "Hello, " + name;
}

greet("小明");

经过 tsc 编译后，会变成标准的 JavaScript：

function greet(name) {
    return "Hello, " + name;
}
greet("小明");

可以看到，类型标注 : string 被去掉了，因为 JS 不支持这种语法。剩下的就是纯 JS，可以直接在任何支持 JS 的环境里运行。

开发时怎么“假装直接运行”

虽然不能直接运行，但开发者通常不会每次都手动敲 tsc 再运行 JS。为了方便，大家会用一些工具来“一键完成”编译+运行的过程。

比如使用 ts-node，它可以让你直接运行 .ts 文件：

npx ts-node hello.ts

看起来像是“直接运行”，其实是它在背后悄悄帮你完成了编译步骤。类似还有 deno 这样的运行时，原生支持 TS，也是做了同样的事——自动编译再执行。

再比如前端项目中常用的 Vite 或 Webpack，它们在开发服务器启动时，也会实时把 TypeScript 编译成 JavaScript，让你在浏览器里看到效果，整个过程对用户透明。

别被编辑器的报错误导

有时候你在 VS Code 里写 TypeScript，还没编译就看到红色波浪线提示错误，比如类型不匹配。这其实是编辑器在帮你提前检查，而不是运行时报错。真正的运行环境根本看不到这些类型信息，自然也不会因此报错。这也是为什么有些逻辑错误在 TS 文件里没提示，运行时却出问题——类型检查管不了那么宽。

所以别以为写了 TypeScript 就万事大吉，最终跑的还是 JavaScript，JS 的坑一个都逃不掉。