𝗧𝘆𝗽𝗲𝗦𝗰𝗿𝗶𝗽𝘁 𝗘𝘅𝗽𝗹𝗮𝗶𝗻𝗲𝗱: 𝗪𝗵𝘆 𝗬𝗼𝘂 𝗡𝗲𝗲𝗱 𝗜𝘁
你每天都在写 JavaScript。它运行得很好。那么，为什么要切换到 TypeScript 呢？
我曾经花了两天时间修复一个生产环境的 Bug。那只是属性名中的一个简单拼写错误。如果使用 TypeScript，它能在毫秒级内发现那个错误。
TypeScript 是带有类型的 JavaScript。Microsoft 在 2012 年创建了它。Google 和 Slack 的大型团队都在使用它。
TypeScript 并不会取代 JavaScript。它会被编译成纯 JavaScript。浏览器和 Node.js 运行生成的 JS 文件。TypeScript 能帮助你在运行代码之前写出更好的代码。
对比以下两个示例：
JavaScript: function greetUser(name) { return "Hello, " + name.toUpperCase(); } greetUser(42); // 这会导致你的应用在运行时崩溃。
TypeScript: function greetUser(name: string): string { return "Hello, " + name.toUpperCase(); } greetUser(42); // 这会立即在编辑器中显示错误。
为什么要使用 TypeScript？
- 及早发现错误：你在输入代码时就能发现错误，而不是等到用户发现时。
- 更出色的自动补全：你的编辑器了解你的数据结构并会建议属性。
- 活文档：通过查看函数签名，你可以准确地看到函数需要什么样的数据。
- 安全的重构：如果你重命名一个属性，TypeScript 会标记出代码中所有出错的地方。
如何开始：
通过 npm 安装： npm install -g typescript
创建一个名为 hello.ts 的文件： const message: string = "Hello, TypeScript!"; console.log(message);
编译它： tsc hello.ts
这会创建一个 hello.js 文件。类型在输出中会消失，留下干净的 JavaScript 供浏览器运行。
应避免的常见错误：
- 对所有东西都使用 "any"：这会抵消 TypeScript 的优势。请明确指定类型。
- 忽略错误：不要用注释来隐藏错误。请修复根本问题。
- 过度注解：TypeScript 很聪明。它通常可以通过类型推断来猜测类型。
TypeScript 有一定的学习曲线。但随着项目的增长，它会带来丰厚的回报。