Node.js 与 TypeScript

简介: Node.js 与 TypeScript

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个错误:

  1. 第12行中,不能将类型“string”分配给类型“number”
  2. 第15行中,不能将类型“boolean”分配给类型“string”
  3. 第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框架
相关文章
|
2月前
|
Rust JavaScript 前端开发
Node.js 添加对 TypeScript 的实验性支持
Node.js 添加对 TypeScript 的实验性支持
136 53
|
4天前
|
JavaScript 安全 前端开发
探索Deno 1.x:安全JavaScript/TypeScript运行时的新篇章
【10月更文挑战第21天】Deno 1.x 是由Node.js创始人Ryan Dahl发起的项目,旨在解决Node.js的安全和模块化问题。Deno 1.x 版本带来了统一的运行时、默认安全、ES模块支持和内置TypeScript支持等新特性。其安全模型基于最小权限原则、沙箱环境和严格的远程代码执行控制,适用于Web服务器、命令行工具、桌面和移动应用及微服务开发。本文探讨了Deno 1.x的核心特性、安全模型及其在现代Web开发中的应用。
|
10天前
|
JavaScript 安全 前端开发
掌握Deno:新一代安全的JavaScript和TypeScript运行时
【10月更文挑战第15天】Deno是由Node.js创始人Ryan Dahl发起的新一代JavaScript和TypeScript运行时,旨在解决Node.js的设计问题,提供更安全、现代的开发体验。本文介绍Deno的核心特性、优势及使用方法,包括安全性、统一的运行时、现代Web标准和内置工具等,帮助开发者快速上手Deno,适用于Web开发、工具开发和教育等领域。
|
7天前
|
JavaScript 前端开发 安全
探索Deno:现代JavaScript/TypeScript运行时的崛起
【10月更文挑战第17天】Deno是由Node.js创始人Ryan Dahl发起的现代JavaScript/TypeScript运行时,强调安全性、TypeScript原生支持、统一的运行时环境和现代HTTP客户端。本文深入探讨了Deno的特性、优势及其在业界的应用,展示了它如何提升开发效率和代码安全性。
|
8天前
|
JavaScript 前端开发 安全
探索Deno 1.x:新一代JavaScript/TypeScript运行时
【10月更文挑战第16天】Deno 1.x是由Node.js创始人Ryan Dahl发起的新一代JavaScript/TypeScript运行时,自2018年首次亮相以来备受关注。本文介绍了Deno 1.x的新特性,如标准化模块、更严格的安全模型、改进的TypeScript支持和插件系统,探讨了其在现代Web开发中的潜在影响,并提供了如何开始使用Deno进行开发的指南。
|
11天前
|
JavaScript 前端开发 测试技术
JavaScript与TypeScript:为何TypeScript成为大型项目的首选
JavaScript与TypeScript:为何TypeScript成为大型项目的首选
19 1
|
24天前
|
JavaScript 前端开发 安全
探索Deno:新时代的JavaScript/TypeScript运行时
【10月更文挑战第1天】Deno是由Node.js创始人Ryan Dahl发起的JavaScript/TypeScript运行时,基于V8引擎,旨在提供安全、现代的开发环境。其核心优势包括默认安全性、内置TypeScript支持、统一的运行时及现代化API。Deno采用细粒度权限系统和ES模块系统,并提供内置测试与调试工具。尽管生态系统仍在发展中,学习曲线和兼容性问题存在,但Deno凭借其先进特性正逐渐成为开发领域的有力竞争者。
|
3月前
|
JavaScript 前端开发
JavaScript / TypeScript日期格式化(dateFormat)
这篇文章介绍了如何在TypeScript中创建和使用一个日期格式化函数`dateFormat`,支持多种日期格式的自定义,并提供了函数的实现代码和使用示例。
JavaScript / TypeScript日期格式化(dateFormat)
|
2月前
|
JSON JavaScript 前端开发
如何使用代码注释:关于JavaScript与TypeScript
TSDoc是一种标准化TypeScript代码文档注释的规范,使不同工具能无干扰地提取内容。它包括多种标记,如@alpha、@beta等发布阶段标记;@decorator、@deprecated等功能标记;@defaultValue、@eventProperty等描述标记;@example、@experimental等示例与实验性标记;@inheritDoc、@internal等引用与内部标记;@label、@link等链接标记;@override、@sealed等修饰符标记;以及@packageDocumentation、@param、
40 5
|
3月前
|
JavaScript 前端开发 安全
【技术革新】Vue.js + TypeScript:如何让前端开发既高效又安心?
【8月更文挑战第30天】在使用Vue.js构建前端应用时,结合TypeScript能显著提升代码质量和开发效率。TypeScript作为JavaScript的超集,通过添加静态类型检查帮助早期发现错误,减少运行时问题。本文通过具体案例展示如何在Vue.js项目中集成TypeScript,并利用其类型系统提升代码质量。首先,使用Vue CLI创建支持TypeScript的新项目,然后构建一个简单的待办事项应用,通过定义接口描述数据结构并在组件中使用类型注解,确保代码符合预期并提供更好的编辑器支持。
79 0