【在Node.js项目中引入TypeScript：提高开发效率及框架选型指南】

一、TypeScript在Node.js中的核心价值

1.1 静态类型检测

// 错误示例：TypeScript会报错
function add(a: number, b: string) {
  return a + b
}

1.2 工具链增强

# 安装必要依赖
npm install --save-dev typescript @types/node ts-node tsconfig.json

1.3 代码维护性提升

// 接口约束示例
interface User {
  id: number
  name: string
  email: string
}

function createUser(user: User) {
  // 类型校验自动生效
}

二、框架选型对比：Express vs Fastify

2.1 核心特性对比

2.2 性能测试数据

三、TypeScript框架实战配置

3.1 Express+TypeScript快速搭建

// tsconfig.json核心配置
{
  "compilerOptions": {
    "target": "ES2020",
    "module": "commonjs",
    "strict": true,
    "outDir": "./dist"
  },
  "include": ["src/**/*"]
}

// src/app.ts入口文件
import express from 'express';
import { User } from './models/user';

const app = express();
app.get('/users', (req: Request, res: Response) => {
  res.json({ users: User.find() });
});

app.listen(3000);

3.2 Fastify+TypeScript配置

// tsconfig.json（Fastify专用配置）
{
  "compilerOptions": {
    "target": "ES2020",
    "module": "commonjs",
    "strict": true,
    "types": ["node", "fastify"]
  }
}

// src/index.ts
import fastify from 'fastify';

const app = fastify();

app.get<{
  Querystring: { id: number }
}>('/users', async (req, res) => {
  const user = await User.findById(req.query.id);
  return user;
});

app.listen({ port: 3000 });

四、核心功能对比实战

4.1 路由系统对比

// Express路由示例
app.get('/api/users', (req, res) => {
  res.send(users);
});

// Fastify装饰器语法
@Route('/api/users')
export class UserController {
  @Get()
  async getAll() {
    return User.find();
  }
}

4.2 中间件性能测试

// Express中间件链
app.use(bodyParser.json());
app.use(cors());
app.use(mongoSanitize());
app.use(helmet());

// Fastify单文件配置
fastify.register(require('@fastify/cors'), {
  origin: true
});

五、适用场景深度分析

5.1 选择Express的场景

// 企业级复杂系统示例
import { NestFactory } from '@nestjs/core';
import { AppModule } from './app.module';

async function bootstrap() {
  const app = await NestFactory.create(AppModule);
  await app.listen(3000);
}
bootstrap();

5.2 Fastify的极致性能场景

// 实时数据处理场景
const server = fastify();

server.get('/realtime', async (request, reply) => {
  const data = await realTimeDataProcessor();
  reply
    .header('Content-Type', 'text/event-stream')
    .send(data);
});

六、性能优化实战

6.1 内存占用对比

# Express内存占用
node --expose-gc build/app.js
// 使用128MB内存

# Fastify内存占用
node --expose-gc build/app.js
// 使用64MB内存

6.2 压力测试脚本

# 使用Artillery进行性能测试
artillery run config.yml

# config.yml内容
config:
  target: "http://localhost:3000"
scenarios:
  - flow:
      - get:
          url: "/api/users"
    duration: 60
    arrivalRate: 100

七、常见问题解决方案

7.1 类型推断问题

// 错误示例
const arr = [1, 2, 3];
arr.push("test"); // 报错

// 修正方案
const arr: number[] = [1, 2, 3];

7.2 框架兼容性问题

# Fastify与Express中间件兼容方案
npm install @fastify/express

import fastify from 'fastify';
import { json } from 'express';

const app = fastify();
app.register(require('@fastify/express'));
app.use(json());

八、总结与选型建议

8.1 选型决策树

8.2 最佳实践

# 推荐开发工作流
npm run build  # 编译TypeScript
npm run watch  # 实时编译
npm run test   # 单元测试