【Node.js】TypeScript 和 Node.js：现代后端开发

aichaoxy

已于 2024-06-15 21:23:30 修改

阅读量2.7k

点赞数 51

分类专栏： TypeScript Node.js 文章标签： node.js typescript

于 2024-05-06 14:56:26 首次发布

本文链接：https://blog.csdn.net/aichaoxy/article/details/138494807

版权

Node.js 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

TypeScript

5 篇文章 0 订阅

订阅专栏

TypeScript 和 Node.js：现代后端开发
作者：Alex Martinez
来源：https://blog.stackademic.com/typescript-and-node-js-modern-backend-development-89363b9ebb5e

TypeScript 和 Node.js：现代后端开发

当谈到后端开发时，Node.js 因其效率、可扩展性以及使用许多开发者已经熟悉的 JavaScript 语言而变得非常流行。但随着项目的规模和复杂性的增长，管理 JavaScript 的动态类型可能会变成一场噩梦。这就是 TypeScript 的用武之地，TypeScript 是一个静态类型的 JavaScript 超集。在本文中，我们将探讨 TypeScript 如何增强你的 Node.js 项目，包括实际示例和好处。

1. Node.js 简介

Node.js 是一个基于 Chrome 的 V8 JavaScript 引擎构建的 JavaScript 运行时。它旨在构建可扩展的网络应用程序，并在 Web 浏览器之外执行 JavaScript 代码。Node.js 使用事件驱动、非阻塞 I/O 模型，使其轻量且高效，非常适合运行在分布式设备上的、数据密集型的实时应用程序。

2. TypeScript 简介

TypeScript 是一个静态类型的 JavaScript 超集，编译成纯 JavaScript。它为 JavaScript 添加了可选的类型、类和模块，提供了帮助大规模应用开发的工具和特性。TypeScript 的静态类型特性允许改进代码的可读性和可预测性，这可以显著减轻维护负担，特别是在大型代码库中。

3. 设置 TypeScript + Node.js 环境

要开始一个 TypeScript 和 Node.js 项目，首先确保你的机器上安装了 Node.js 和 npm。如果没有，请下载并安装 Node.js，它附带了 npm。

接下来，使用 npm 在你的机器上全局安装 TypeScript：

npm install -g typescript

要初始化一个新项目：

mkdir my_ts_project
cd my_ts_project
npm init -y # 这会创建一个 package.json 文件。

现在，让我们将 TypeScript 和 ts-node（我们用于在 Node 上执行 TypeScript）作为开发依赖项添加：

npm install --save-dev typescript ts-node

最后，为 TypeScript 编译器选项创建一个 tsconfig.json 文件：

tsc --init

你的 TypeScript + Node.js 设置已经准备好了！现在让我们深入 TypeScript 如何与 Node.js 一起使用。

4. 使用 Node.js 理解 TypeScript

TypeScript 与 Node.js 的工作方式与常规 JavaScript 类似，但增加了类型的好处。让我们看一个示例。

考虑一个使用 Express 的简单 Node.js 应用程序：

const express = require('express')
const app = express()
const port = 3000

app.get('/', (req, res) => {
  res.send('Hello World!')
})

app.listen(port, () => {
  console.log(`App listening at http://localhost:${port}`)
})

现在，让我们用 TypeScript 编写这个程序：

import express, { Request, Response } from 'express'
const app = express()
const port = 3000

app.get('/', (req: Request, res: Response) => {
  res.send('Hello World!')
})

app.listen(port, () => {
  console.log(`App listening at http://localhost:${port}`)
})

在这里，我们有相同的应用程序，但增加了 TypeScript 类型。注意 Request 和 Response 都是有类型的，这可以帮助 IDE 中的自动完成，并防止潜在的运行时错误。

TypeScript 的美妙之处在于它不会限制你编写你熟悉和喜爱的动态 JavaScript，而是为你提供了编写更健壮和无错误的代码的工具。

5. TypeScript + Node.js 的实践示例

让我们创建一个更复杂的示例，涉及中间件函数和与模拟数据库的交互。

首先，创建一个简单的用户数据数据库模块：

// db.ts

export interface User {
  id: number;
  name: string;
}

const users: User[] = [
  { id: 1, name: 'John' },
  { id: 2, name: 'Jane' },
];

export const getUser = (id: number): User | undefined => {
  return users.find(user => user.id === id);
};

现在，让我们在我们的 Express 服务器中使用这个模块：

// server.ts

import express, { Request, Response } from 'express'
import { User, getUser } from './db'

const app = express()
const port = 3000

app.get('/user/:id', (req: Request, res: Response) => {
  const id = parseInt(req.params.id)
  const user: User | undefined = getUser(id)
  if (user) {
    res.send(user)
  } else {
    res.status(404).send('User not found')
  }
})

app.listen(port, () => {
  console.log(`App listening at http://localhost:${port}`)
})