只是您的类型：在 JavaScript 和 TypeScript 上向右滑动

目录：

• 简介
• 素描
  • 类型检查
  • 功能
  • 团队合作
• 经验教训
• 后续步骤
• 资源

---

介绍

Web 开发有时感觉就像编码世界的狂野西部。有如此多的框架和库可供使用，通常会让人感到不知所措。如果你有这种感觉，我来这里是想告诉你，你并不孤单；你也有这样的感觉。当我开始学徒期时，我不知道我想在我的技术堆栈中添加什么技术。我知道我喜欢前端开发，但不知道该采取什么途径来提高我在该领域的技能。因此，当你不确定某件事时，我决定做最好的事情：询问有更多经验的人。我咨询了我的导师，他告诉我 TypeScript 已经迅速成为许多公司开发团队的宝贵资产。我做了更多研究，发现 TypeScript 非常有吸引力；我是一个注重细节的人，TypeScript 的粒度提供了一种有趣的、新的编码方式。
我最初的不确定性激发了我写一个小草图。我的困境让我想起了那些你可能在深夜无意中观看过的约会节目，我决定用它作为我的素描的背景。话不多说，我给大家带来：

全栈调情

[播放时髦的介绍音乐]

LUKE L. HOST：欢迎回到“全栈调情”！ Luke L. Host 和另一位开发商一起回来寻找他们的真爱。我们的明星会全力投入制作吗？或者他们会回滚到单身吗？让我们来认识一下我们的程序员。

[程序员输入]

妮可：嗨卢克，很高兴来到这里。

主持人：很高兴有你！现在，你叫什么名字？你希望从这里的小制作中得到什么？

NICOLE：我是 Nicole，我正在尝试决定应该将哪种语言添加到我的永久技术堆栈轮换中。今天我带来了两个追求者； JavaScript，我的旧情人，TypeScript，我突然的追求者。

主持人：听起来很辣！为什么我们现在不认识我们的两种语言呢？

[输入语言]

JAVASCRIPT： 大家好。我是 JavaScript。

TYPESCRIPT：我是 TypeScript。

主持人：很高兴认识你们两个！好吧，Nicole，让我们开始吧。JavaScript，你已经接触了一段时间了。是什么让您成为 Nicole 技术堆栈的最佳选择？

JAVASCRIPT：好吧，卢克，几十年来我一直是网络的支柱。我可靠且灵活，而且我的语法非常容易掌握。另外，我有一个庞大的社区——堆栈溢出对我来说将是你最好的朋友。

主持人：令人印象深刻，但我听说你有一些……包袱？也许是传统品种？

JAVASCRIPT：嘿现在，我已经现代化了！ ES6 来了，它让我变得比以往任何时候都更好。

主持人：注意到。现在，TypeScript，是什么让你脱颖而出？

TYPESCRIPT： 好吧，Luke，我继承了 JavaScript 的所有优点并添加了一些结构。我喜欢 JavaScript……但更好。我帮助防止错误并使调试变得轻而易举。像 Nicole 这样的开发人员应该得到更安全、更可靠的东西。像我这样的人。

主机：安全可靠——程序员耳中的音乐。但有人说你有点……难伺候？

打字稿：一点也不，卢克。一旦你了解了我，我就会发现我非常平易近人。如果 Nicole 懂得 JavaScript，那么向我过渡将是小菜一碟。

主持人：妮可，你已经做出了决定。 JavaScript 带来了怀旧和简单，但 TypeScript 提供了我们在爱情和代码中都渴望的安全网。您准备好提交了吗，还是需要更多功能演示？

NICOLE：我想我需要进行更多测试......

主持人： 好吧，让我们深入探讨真正的细节：代码兼容性！ JavaScript、TypeScript，你已经引起了 Nicole 的注意，但现在是时候展示你最好的功能了。 JavaScript，你为什么不启动？

JAVASCRIPT：很高兴！就我而言，我喜欢保持简单。这是我声明变量的方法：

let favoriteFood = "sushi"; 
console.log(favoriteFood); // sushi

没有类型，没有多余的装饰——只有纯粹的、未经过滤的代码。休闲又轻松。

主持人：毫不费力，但有些人可能会说有点……太随意了。 TypeScript，你呢？

打字稿：卢克，我喜欢我的人际关系有一点清晰。看这个：

let favoriteFood: string = "sushi";  
console.log(favoriteFood); // sushi

看到了吗？我确保人们不会对 Nicole 使用的数据类型产生混淆。良好的沟通是关键。

NICOLE： 嗯，我确实喜欢清晰……JavaScript，如果我尝试这样做会发生什么？

favoriteFood = 42;
console.log(favoriteFood); // 42... wait, what?

JAVASCRIPT：看，我很灵活！谁说 favoriteFood 不能是数字？我就是随波逐流。

打字稿：这就是我进来的地方，妮可。在你运行代码之前我就会发现这个错误：

// Error: Type 'number' is not assignable to type 'string'.

看到了吗？我永远支持你。

主持人：好了，我们来说说功能吧。 JavaScript，你如何处理它们？

JAVASCRIPT：我喜欢让事情保持开放式。假设 Nicole 想编写一个函数来添加两个数字：

let favoriteFood = "sushi"; 
console.log(favoriteFood); // sushi

如果妮可在里面塞一根绳子也没什么大不了的——我会让它起作用的！

打字稿：让它发挥作用吗？这不完全是一个可持续的基础。妮可，我相信提前设定期望：

let favoriteFood: string = "sushi";  
console.log(favoriteFood); // sushi

对我来说，无需猜测——您的输入和输出一目了然。

NICOLE：哇，你们两个的做法真的很不同。 JavaScript，你的适应能力太强了……但是 TypeScript，你就像一个我不知道自己需要的安全网！

主持人： 听起来我们亲爱的开发者有很多事情需要考虑！让我们继续讨论最后一个问题：您的团队合作方法是什么？您如何在大型、复杂的关系中工作——比如全栈应用程序？

JAVASCRIPT：团队合作？我在混乱的合作中茁壮成长。我可以在任何地方、与任何人融为一体。这是我使用 Promise 来处理异步工作：

favoriteFood = 42;
console.log(favoriteFood); // 42... wait, what?

我性格直爽，适应能力强。

TYPESCRIPT：当然，但说实话，JavaScript——在大团队中你可能会变得有点马虎。我为这种关系带来了结构和责任：

// Error: Type 'number' is not assignable to type 'string'.

看到了吗？我确保每个人都清楚地知道会发生什么；没有惊喜，没有不必要的戏剧。

主持人：妮可，你已经忙完了这两个人。您想要 JavaScript 的冒险精神还是 TypeScript 的可靠结构？我想我们会把这个决定留给你——直到下次全栈调情！

[播放时髦的片尾音乐]

---

通过我的探索，我学到了一些关于 TypeScript 的重要课程，我认为这些课程可以帮助其他人加快学习速度：

• 从 JavaScript 基础开始：首先了解 JavaScript 可以让过渡到 TypeScript 变得更加容易。
• TypeScript 是对 JavaScript 的补充，而不是取代：将 TypeScript 视为 Web 开发工具箱中的另一个工具。
• 牢记可扩展性：在处理大型项目或团队中时，TypeScript 的结构通过防止小问题而脱颖而出 避免成为大问题。

正如本草图结尾所证明的那样，我自己仍然不确定是否会使用 TypeScript 还是 JavaScript 作为我的主要编码语言；两者都有各自的优点和缺点。我想说的是，我对 TypeScript 的兴趣很有趣。我将通过构建一个小型项目来继续学习 TypeScript，以便习惯应用其独特功能。在创建这个项目时，我将尝试实现我已经熟悉的技术，例如 Vite 或 React。我还计划更深入地研究 Next.js 文档并学习如何最好地利用它。

如果您想自己学习 TypeScript，这里有一些可能对您有用的资源：

• 在 FreeCodeCamp 上学习 TypeScript 指南
• 通过 Mosh 编程为初学者提供 TypeScript
• Next.js 文档
• 掌握 Next.js 作者：Lee Robinson

以上是只是您的类型：在 JavaScript 和 TypeScript 上向右滑动的详细内容。更多信息请关注PHP中文网其他相关文章！