如果你刚刚开始编程之旅，或者想要提升你的技能，你可能在想是学习JavaScript还是TypeScript更好。JavaScript是 web 开发中最常用的编程语言，但TypeScript因其强大的类型支持和其他有用的特性而越来越受欢迎。在这篇文章中，我将分享七个初学者选择TypeScript而非JavaScript的理由。那么我们开始吧！

1. 引言
2. 什么是JavaScript和TypeScript？
3. 选择TypeScript而不是JavaScript的原因
4. 总结
5. 社交

什么是JavaScript？
JavaScript是网页开发的瑞士军刀。它让网站互动变得可能，从下拉菜单到在线游戏。然而，有大权必负大责，对于初学者来说，JavaScript的一些特性可能让初学者感到困惑。

进入 TypeScript ，JavaScript 的超强表兄弟。TypeScript 增加了强类型等功能，让你的代码更加可预测和容易维护。可以将 TypeScript 视作有轮子的 JavaScript，它帮助你提早发现错误，写出更可靠的代码。

1. 学习变得更轻松（真的哦！）✨

与一些人的看法不同，TypeScript 并不会让学习变得更难。我以前也有同样的想法，但后来我克服了恐惧，尝试了一下。

TypeScript 让学习 JavaScript 更加容易。它是怎么做到的？你是否曾经花费大量时间排查代码中的小错误，比如拼写错误或遗漏的分号？TypeScript 会在你运行程序之前就捕捉到这些错误。

那些你在 IDE 里看到的红色波浪线？它们不是敌人。它们更像是小小的学习助手，指明了需要关注的地方。但现在你可能觉得必须先精通 TS 才能开始写项目，对吧？错了！但请看下面一点。

    const greet = (name: string): string => {
      return `Hello, ${name}!`
    }

    // 如果你不小心传入了一个数字，TypeScript 会报类型错误。
    greet(42) // 错误：类型“number”不能赋给“string”类型。

全屏 退出全屏

2. 渐进的学习曲线📈

我是在2022年开始使用TypeScript的，确切地说是在2023年，那时候我对TypeScript一无所知，但只有一点基础就开始着手开发一个名为Maths Calculators的自动化SEO项目了。我使用了type、number、string和boolean这些类型，这些就已经足够我开始动手了。

// 定义一个字符串变量username，值为"JohnDoe"
let username: string = "JohnDoe";
// 定义一个数字变量age，值为25
let age: number = 25;
// 定义一个布尔变量isAdmin，值为false
let isAdmin: boolean = false;

进入全屏 退出全屏

随着我开发更多功能和项目，我了解了 TypeScript 更多高级特性，例如 接口 和 泛型。

我非常喜欢使用Chakra UI作为UI框架，它提供了很好的TypeScript支持，我借此机会学到了更多TypeScript的知识，比如接口和泛型。随着我对TypeScript越来越熟悉，我开始尝试更多高级特性，比如类型推断、Omit和Partial。

Partial 是我最喜欢的，因为它使得对象的所有属性都可以是可选的。我喜欢把它比作“朋友加糖”的关系。你可以在 IDE 中享受自动补全功能，但你不必绑定所有属性。

interface User {
  name: string;
  age: number;
  isAdmin?: boolean;
}

const 用户: Partial<User> = {
  name: "John",
}; // 所有属性可选

切换到全屏 退出全屏

3. 让你的技能在未来也能发挥作用 🤹‍♀️

像微软、谷歌和爱彼迎这样的大公司都在用TypeScript。通过学习TypeScript，你就是在投资一项热门的技能，这也是一项需求很高的技能。

以下是一些支持 TypeScript 的流行框架：

• React
• Vue
• Angular
• Node.js
• GraphQL
• Chakra UI
• Chakra Framer
• TypeScript
• TypeORM
• NestJS
• Prisma
• Next.js
• 等等...

4. 简单的重构技巧 🧩

我认为在我的项目中，我最常做的是重构，总是想办法让代码更整洁、更易维护。

TypeScript 让重构变得轻松多了。当你在 VSCode 中使用 Ctrl + Shift + R 或 F2 更改函数签名或重命名变量时，TypeScript 会提示你需要更新代码的所有位置。这不仅节省了你的时间，还帮助你避免引入 bug。

5. 更适合大规模使用 🏰

我已经构建了几十个项目，现在可以告诉你，对于大型应用程序而言，TypeScript 是一个游戏规则的改变。原因如下：

• 可预测的代码
• 生产中较少的错误
• 团队合作更简单
• 更好的代码可维护性
• 新开发人员（比如你我）快速上手
• 更好的开发者体验（简称DX）

6. 发展社区与生态系统，共同繁荣 🌱

TypeScript 有一个活跃的大社区，分享技巧、窍门和最佳实践方法。

我的推荐的 TypeScript 学习资源——

• TypeScript 官方手册 (手册)

• Reddit 上的 TypeScript

• Dev.to 上的 TypeScript

7. 职业发展机遇 🚀，乘风破浪！

这是一个大机会。从2023年初开始，我就在寻找远程公司的工作机会，结果是，大多数公司都在寻找会TypeScript和GraphQL的开发者。我之前就开始学GraphQL了，现在又在学TypeScript。最后，我成功加入了一家远程工作的公司，这家公司正在用TypeScript，还打算用GraphQL。因为我已经在个人项目中用了TypeScript，所以我一上手就能迅速进入状态。

但作为初学者，你可能会想，“我只是刚开始。为什么现在就要担心未来的工作机会呢？”那么，TypeScript 是一个非常受欢迎的技能，现在学习它可以在你的职业生涯中给你一个先发优势。此外，TypeScript 被广泛使用在如 React，Vue，Svelte，Angular 等各个前端框架中，甚至在后端也会用到 Node.js。

0.2 小彩蛋：编译器的魔力 🧙‍♂️

TypeScript 编译器具有一些独特的优势：

• 类型检查：TypeScript 在运行代码前帮你捕获错误。
• 智能代码补全：TypeScript 根据代码中的类型智能地提供代码补全。
• 重命名：TypeScript 可帮助你在整个代码库中重命名变量和函数。
• 导航代码：TypeScript 允许你跳转到变量或函数的定义。
• 代码格式化：TypeScript 可根据你的偏好格式化代码。
• 代码审查：TypeScript 可强制执行编码标准和最佳实践。
• 生成代码文档：TypeScript 可生成你的代码文档。
• 代码转换：TypeScript 可将你的代码转换为不同版本的 JavaScript。
• 打包代码：TypeScript 可将你的代码打包以进行部署。
• 分割代码：TypeScript 可将你的代码分割成更小的块以提高性能。

TypeScript 是一个强大的工具，它可以帮助你编写更好的代码，尽早发现错误，并使你的技能适应未来。如果你刚开始学习，TypeScript 可能是你的理想选择。如果你有任何问题或需要帮助开始使用 TypeScript，请随时通过下方的社交媒体平台联系我。我总是很乐意帮助开发者们在他们的编程旅程中前进。祝你编程顺利！🎉

• 我的YouTube频道在这里：YouTube 快来关注我！
• 我在推特上的账号：推特 快来关注我！
• 我的领英个人主页在这里：领英 快来关注我！
• 我的Instagram账号在这里：Instagram 快来关注我！
• 我的GitHub主页在这里：GitHub 快来关注我！