← ToolBox / TypeScript转JavaScript编译器

TypeScript转JavaScript编译器

💻 TypeScript Compiler

📐 工作原理与说明
调用 ts.transpileModule(源码, 选项) 做单文件转译——仅移除类型注解，不做完整类型检查；target 映射 ts.ScriptTarget（ES3 / ES5 / ES2015 / ES2017 / ES2020 / ESNext），module 映射 ts.ModuleKind（None / CommonJS / AMD / UMD / ESNext）；编译耗时 = performance.now() 前后差值（无 performance 时退回 Date.now()）；异常时诊断面板报编译异常并清空输出
把 TypeScript 编译为 JavaScript。
  • 流程：先做类型检查，再擦除类型注解，并按 target 降级语法（如转为 ES5）。
  • 类型擦除：类型信息只在编译期存在，运行时不可见，因此无法用于运行时校验。
  • 配置：tsconfig.json 控制 target、module、strict、lib 与输出目录。
  • 提醒：编译不校验外部数据，接口返回值等仍需做运行时校验。

Compile TypeScript to JavaScript in your browser — try code without a toolchain.

TypeScript 输入 支持 Tab 缩进
JavaScript 输出 只读
编译耗时：- ms
输出行数：- 行
输出大小：- 字符
🩺 编译诊断信息 0 ▼
等待编译...

Formula & Standard References

Item Formula / Note Source / Standard
Target the target option selects syntax lowering level TypeScript compiler options
Module system the module option chooses commonjs, esnext and others TypeScript compiler options
Type checking the strict family improves type safety and should be on TypeScript compiler options
⚠️ 使用说明与注意事项

📚 深度解析：TypeScript 转 JavaScript

💡 常见使用场景

编译
`let x: number = 1;` → `let x = 1;`（类型注解被移除）。

❓ 常见问题（FAQ）

类型检查在编译时做吗？
是，tsc 编译同时做类型检查，浏览器只跑 JS。
为什么编译通过了运行时仍然报错？
因为 TypeScript 的类型只在编译期起作用，运行时类型信息被完全擦除；来自接口响应、JSON.parse 或用户输入的数据，编译器无从校验。因此关键边界必须用运行时校验（如 schema 校验库）守住，类型是第二道防线而不是唯一防线。

🔗 相关工具

📄 .properties 解析器 - 免费开发工具，properties 解析器 | ToolBox免费在线工具箱.properties 解析器 💻 AST抽象语法树查看器 - 在线解析JavaScript代码生成AST树形结构，支持节点 | ToolBox免费在线工具箱AST 抽象语法树查看器 🧹 CSS 压缩/美化工具 - 免费开发工具，CSS 压缩/格式化/美化 | ToolBox免费在线工具箱CSS 压缩/格式化/美化 🏋️ CSS 格式化 - 免费开发工具，在线CSS 格式化 | ToolBox免费在线工具箱CSS 格式化 ✨ Cron 表达式生成器 - 免费开发工具，在线Cron 表达式生成器 | ToolBox免费在线工具箱⏰ Cron 表达式生成器 🏋️ GraphQL 格式化 - 免费开发工具，在线GraphQL 格式化 | ToolBox免费在线工具箱◈ GraphQL 格式化
📖关于「TypeScript转JavaScript编译器」 ▼

📝工具简介

TypeScript 转 JavaScript 编译器是一款基于官方 TypeScript 5.3 编译器的在线工具。它在浏览器本地调用 ts.transpileModule API，将 TypeScript 代码实时转译为 JavaScript，支持选择 ES3 到 ESNext 的目标版本与 None、CommonJS、AMD、ESNext 模块系统，并提供编译诊断信息。所有代码处理都在浏览器中完成，不会上传到任何服务器，保障隐私安全。

✨功能特点

🎯使用场景