Angular 开发人员的 10 个基本 TypeScript 提示和技巧

suchonaseo

在本文中，我们将深入探讨一组技巧和技巧，这些技巧和技巧在每个 Angular 项目以及处理 TypeScript 时都会派上用场。 Pause Next Unmute Current Time 0:02 / Duration 2:00 Fullscreen 近年来，JavaScript 中静态类型的需求迅速增加。不断增长的前端项目、更复杂的服务和复杂的命令行实用程序增加了 JavaScript 世界中对更多防御性编程的需求。此外，在实际运行应用程序之前编译应用程序的负担并不被视为弱点，而是一个机会。虽然已经出现了两个强大的政党（TypeScript 和 Flow），但许多趋势实际上表明只有一个可能占上风——TypeScript。 除了营销宣传和众所周知的属性之外，TypeScript还拥有一个令人惊叹的社区，其中有非常活跃的贡献者。它背后还拥有语言设计方面最好的团队之一。


在 Anders Hejlsberg 的领导下，该团队成功地将大型 JavaScript 项目的格局完全转变为几乎完全由 TypeScript 驱动的业务。凭借 VSTS 或 Visual Studio Code 等非常成功的项目，Microsoft 本身就是这项技术的坚定信徒。 但使该语言具有吸引力的不仅是 TypeScript 的功能，还有 TypeScript 所支 WhatsApp 号码数据 持的可能性和框架。Google 决定完全采用 TypeScript 作为 Angular 2+ 的首选语言，事实证明这是双赢的。不仅 TypeScript 获得了更多关注，Angular 本身也获得了更多关注。使用静态类型，编译器已经可以向我们提供信息丰富的警告和有用的解释，说明为什么我们的代码无法工作。 TypeScript 技巧 1：提供您自己的模块定义 TypeScript 是 JavaScript 的超集。因此，每个现有的 npm 包都可以利用。虽然 TypeScript 生态系统非常庞大，但并非所有库都提供了适当的类型。





更糟糕的是，对于某些（较小的）包，甚至不存在单独的声明（以 的形式@types/{package}）。此时，我们有两个选择： Learn to Code with JavaScript 使用 TypeScript 技巧 7 引入遗留代码 自己定义模块的API。 后者绝对是首选。无论如何，我们不仅必须查看模块的文档，而且将其键入可以防止开发过程中出现简单的错误。此外，如果我们对刚刚创建的类型确实感到满意，我们可以随时将它们提交到@typesnpm 上。因此，这也回报了我们社会的尊重和感激。好的！ 提供我们自己的模块定义的最简单方法是什么？只需在源目录中创建一个module.d.ts（或者也可以像包一样命名 - 例如，unknown-module.d.ts对于 npm package unknown-module）。 让我们为此模块提供一个示例定义显然，这只是第一步，我们any根本不应该使用。