1、什么是 TypeScript
TypeScript是一种流行的开源语言,由微软维护和开发。它受到了世界各地许多软件开发人员的喜爱和使用。
基本上,它是JavaScript的超集,为语言添加了新的功能。最值得注意的添加是静态类型定义,这在纯JavaScript中是不存在的。例如,由于类型的存在,可以声明我们期望的参数类型以及函数中返回的确切参数,或者我们正在创建的对象的确切形状。TypeScript是一个非常强大的工具,它为JavaScript项目打开了一个充满可能性的新世界。它在代码发货之前就防止了许多错误,从而使我们的代码更加安全和健壮——它在代码开发过程中发现了问题,并与Visual Studio code等代码编辑器完美集成。
示例:
1. // example.ts 2. type User = { 3. name: string; 4. age: number; 5. }; 6. function isAdult(user: User): boolean { 7. return user.age >= 18; 8. } 9. const justine: User = { 10. name: 'Justine', 11. age: 23, 12. }; 13. const isJustineAnAdult: boolean = isAdult(justine);
第一部分(带有type关键字)负责声明表示用户的自定义对象类型。
稍后,我们使用这个新创建的类型来创建函数isAdult,该函数接受一个User类型的参数并返回布尔值。在此之后,我们创建justine,这是我们的示例数据,可用于调用先前定义的函数。最后,我们创建了一个新的变量,其中包含justine是否是成年人的信息。
关于这个例子
首先,如果我们不遵守声明的类型,TypeScript会提醒我们有问题,并防止滥用。
其次,并不是所有的东西都必须显式键入-TypeScript非常聪明,可以为我们推导类型。例如,变量isJustineAnAdult的类型是boolean,即使我们没有显式键入它,或者justine将是我们函数的有效参数,即使我们不将该变量声明为User类型。
2、运行TypeScript
我们如何运行它?
首先要做的是在我们的项目中安装TypeScript:
npm i -D typescript
现在我们可以在终端中使用tsc命令将其编译为JavaScript。
npx tsc example.ts
转换的结果如下所示:
1. // example.js 2. function isAdult(user) { 3. return user.age >= 18; 4. } 5. var justine = { 6. name: 'Justine', 7. age: 23, 8. }; 9. var isJustineAnAdult = isAdult(justine);
这里的npx代表节点包执行。该工具允许我们运行TypeScript的编译器,而无需全局安装。
tsc是TypeScript编译器,它将获取我们的TypeScript代码并将其编译为JavaScript。这个命令将产生一个名为example.js的新文件,我们可以使用Node.js运行它。现在,当我们知道如何编译和运行TypeScript代码时,让我们看看TypeScript的预防bug功能!
1. type User = { 2. name: string; 3. age: number; 4. }; 5. 6. function isAdult(user: User): boolean { 7. return user.age >= 18; 8. } 9. 10. const justine: User = { 11. name: 'Justine', 12. age: 'Secret!', 13. }; 14. 15. const isJustineAnAdult: string = isAdult(justine, "hello world");
上面代码会给我们报3个错误:
- 第12行中,不能将类型“string”分配给类型“number”
- 第15行中,不能将类型“boolean”分配给类型“string”
- 第15行中,应有一个参数,但实际上传了2个参数
TypeScript提供了许多其他很棒的机制,如接口、类、实用程序类型等。此外,在更大的项目中,您可以在一个单独的文件中声明TypeScript编译器配置,并对其工作方式、严格程度以及存储编译文件的位置进行粒度调整。如果想了解更多,我们可以去官网文档中进行查看,地址(
https://www.typescriptlang.org/docs/)
TypeScript值得一提的其他一些好处是,它可以被逐步采用,它有助于使代码更具可读性和可理解性,并允许开发人员在为旧的Node.js版本提供代码时使用现代语言功能。
3、TypeScript 在Node.js 生态中的情况
TypeScript在Node.js世界中已经很成熟,许多公司、开源项目、工具和框架都在使用它。使用TypeScript的开源项目的一些值得注意的例子是:
- NestJS - 强大且功能齐全的框架,使创建可扩展且架构良好的系统变得轻松愉快
- TypeORM - 伟大的ORM受到其他语言的其他知名工具的影响,如Hibernate、Doctrine或Entity Framework
- Prisma - 下一代ORM,具有声明性数据模型、生成的迁移和完全类型安全的数据库查询
- RxJS - 广泛用于反应式编程的库
- AdonisJS - 一个具有Node.js的功能齐全的web框架
- FoalTs - 优雅的Nodejs框架