typescript 编译成 javascript 的原因在于，typescript 本身并非一种可以直接在浏览器或 node.js 环境中运行的语言。它是一种在 javascript 之上构建的超集，为 javascript 添加了静态类型系统和其他一些特性，以增强代码的可维护性和可读性。 编译的过程，本质上是将 typescript 代码翻译成等效的 javascript 代码，让浏览器或 node.js 能够理解并执行。
我曾经参与一个大型项目的开发，最初使用的是纯 JavaScript。随着项目规模的扩大，代码维护变得越来越困难，bug 也层出不穷。 类型错误常常在运行时才被发现，调试起来费时费力。 为了解决这个问题，我们引入了 TypeScript。 起初，团队成员对学习新语言有些抵触，觉得增加了额外的学习成本。 但实际操作中，TypeScript 的静态类型检查功能大大减少了运行时错误，提升了开发效率。 编译过程也相当顺利，我们使用了 tsc 命令行工具，它能够自动将 TypeScript 代码编译成 JavaScript，并处理各种错误。
在实际操作中，你可能会遇到一些问题。例如，你可能需要配置 tsconfig.json 文件来指定编译选项，例如目标 JavaScript 版本 (例如 ES5 或 ES6)、模块系统 (例如 CommonJS 或 ES modules) 以及其他编译器选项。 我曾经因为错误配置 tsconfig.json 而导致编译失败，最终花了些时间才找到问题所在，原来是目标 JavaScript 版本与项目使用的库不兼容。 另一个常见问题是处理第三方库的类型声明。 许多流行的库都提供了 TypeScript 类型声明文件 (.d.ts)，你可以通过 npm install --save-dev @types/库名 来安装它们。 如果没有找到合适的类型声明，你可能需要自己编写。
另一个需要注意的细节是，TypeScript 的编译过程会生成 JavaScript 代码，你需要将生成的 JavaScript 代码包含在你的 HTML 文件或 Node.js 项目中。 这和使用纯 JavaScript 没有本质区别。
总而言之，TypeScript 编译成 JavaScript 是为了让代码能够被执行，而这个过程并不复杂，只要你正确配置编译选项并处理好类型声明，就能顺利完成。 记住，虽然学习 TypeScript 需要一些时间投入，但从长远来看，它带来的代码质量提升和开发效率提升，远远超过了学习成本。
