AngularJS 1.x 和打字稿

一则或许对你有用的小广告

欢迎加入小哈的星球 ,你将获得:专属的项目实战 / Java 学习路线 / 一对一提问 / 学习打卡/ 赠书活动

目前,正在 星球 内带小伙伴们做第一个项目:全栈前后端分离博客项目,采用技术栈 Spring Boot + Mybatis Plus + Vue 3.x + Vite 4手把手,前端 + 后端全栈开发,从 0 到 1 讲解每个功能点开发步骤,1v1 答疑,陪伴式直到项目上线,目前已更新了 204 小节,累计 32w+ 字,讲解图:1416 张,还在持续爆肝中,后续还会上新更多项目,目标是将 Java 领域典型的项目都整上,如秒杀系统、在线商城、IM 即时通讯、权限管理等等,已有 870+ 小伙伴加入,欢迎点击围观

我今天对 TypeScript 做了一些研究。由于它在即将发布的 AngularJS 2.0 版本中受到青睐(但不是必需的),因此我想更深入地挖掘一下。请记住,截至 2015 年 10 月,AngularJS 2.0 仍然是纯 alpha 版本,甚至新项目也将继续使用 AngularJS 1.4

尽管如此,即使对于最新的 1.4 版本,TypeScript 似乎也是一个可行的选择。事实上, Yeoman 现在提供了一个 Angular 启动器 ( generator-gulp-angular ),让您可以选择使用 TypeScript 作为您选择的语言。

以下是我认为有用的一些资源:

http://www.developerhandbook.com/typescript/writing-angularjs-1-x-with-typescript/

我相信,特别是对于 Java 开发人员而言,TypeScript 可能会非常有趣——因为与使用纯 JavaScript 相比,您拥有更好的类型安全性。请参阅 Veit Weber 的以下博客条目:

为什么 Java 开发者会喜欢 TypeScript

来自 JavaOne 的 Sander Mak 有一个很好的演示:“Java 开发人员的 TypeScript:无痛编码 JavaScript”关于这个主题:

或者更长的版本:

由于您可以使用 TypeScript 获得更好的 OO 体验,我认为在从 REST 端点检索数据时,将丰富的域对象与 AngularJS 一起使用而不是直接使用 JSON 结构也将非常有趣。

NG-NL 2015 的 Gert Hengeveld 做了精彩的演讲。

幻灯片:

https://docs.google.com/presentation/d/1cbNH2WHO8WzF1XKPxMJ3gJXmfKnWAl3cN77eJJJdAEw/present?slide=id.p

博客文章:

https://medium.com/opinionated-angularjs/angular-model-objects-with-javascript-classes-2e6a067c73bc

将 JSON 结构转换为 TypeScript 类

如果您创建需要处理 JSON 的 TypeScript 类,则可能需要使用以下从 JSON 生成 TypeScript 接口的在线工具:

http://json2ts.com/

TypeScript 类型定义

我仍然需要全神贯注于 TypeScript 类型定义。它们基本上是为并非天生基于 TypeScript 的库建立类型定义。他们有一个存储库:

https://github.com/borisyankov/DefinitelyTyped