2021.07.30 TypeScript 【拿来吧你 node】

2021/7/30 17:06:25

本文主要是介绍2021.07.30 TypeScript 【拿来吧你 node】,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

TypeScript定义 JavaScript 的超集

安装 TypeScript: npm install typescript
运行 编译成js: tsc example.ts 此命令会生成一个名为 example.js 的新文件,我们可以使用 Node.js 运行它

  • 新功能: 静态类型定义。(我们可以声明期望的参数类型)
  • 更安全: 通过在代码交付之前防止大量错误,它使我们的代码更安全,更健壮(它会在编写代码时发现问题,并与 Visual Studio Code 这样的代码编辑器完美集成。)
type User = {
  name: string;
  age: number;
};

function isAdult(user: User): boolean {
  return user.age >= 18;
}

const justine: User = {
  name: 'Justine',
  age: 23,
};

const isJustineAnAdult: boolean = isAdult(justine);
  • 第一部分带有 type 关键字的是负责声明 代表用户的对象 的自定义类型。
  • 然后,我们利用这个新创建的类型来创建函数 isAdult,该函数接受一个类型为 User 的参数并返回 boolean。
  • 之后,我们创建 justine,这是我们的示例数据,可用于调用先前定义的函数。 最后,我们用 justine 是否成年的信息来创建新的变量。

您还应该了解有关此示例的其他信息。

  • 首先,如果我们不遵守声明的类型,TypeScript 会警告我们出现问题并防止滥用。
  • 其次,并非所有内容都必须显式地声明类型 - TypeScript 非常聪明,可以为我们推断类型。
  • 例如,即使我们没有显式地声明 isJustineAnAdult 的类型,其类型也会为 boolean;
  • 即使我们未声明变量为 User 类型,justine 仍是函数的有效参数。

还有 TypeScript 有防止错误的功能~

还有

TypeScript 提供了很多其他很棒的机制,例如接口、类、实用类型等。 另外,在较大型的项目中,你还可以在单独的文件中声明 TypeScript 编译器的配置,并细化地调整其工作方式、严格程度、以及将编译后的文件存储在何处。



这篇关于2021.07.30 TypeScript 【拿来吧你 node】的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程