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 的重要课程，我认为这些课程可以帮助其他人加快学习速度：
正如本草图结尾所证明的那样，我自己仍然不确定是否会使用 TypeScript 还是 JavaScript 作为我的主要编码语言；两者都有各自的优点和缺点。我想说的是，我对 TypeScript 的兴趣很有趣。我将通过构建一个小型项目来继续学习 TypeScript，以便习惯应用其独特功能。在创建这个项目时，我将尝试实现我已经熟悉的技术，例如 Vite 或 React。我还计划更深入地研究 Next.js 文档并学习如何最好地利用它。
如果您想自己学习 TypeScript，这里有一些可能对您有用的资源：
以上是只是您的类型：在 JavaScript 和 TypeScript 上向右滑动的详细内容。更多信息请关注PHP中文网其他相关文章！
