Розширені шаблони TypeScript для корпоративних програм

Корпоративні програми вимагають надійних і масштабованих рішень для керування складними вимогами та потребами бізнесу, що розвиваються. TypeScript пропонує вдосконалені шаблони та функції, які можуть значно покращити розробку великомасштабних програм. У цій статті розглядаються деякі з цих шаблонів і демонструється, як їх ефективно застосовувати.

1. Ін’єкція залежностей за допомогою InversifyJS

Впровадження залежностей (DI) допомагає керувати залежностями між компонентами, сприяючи модульності та тестуванню. InversifyJS — популярна структура DI для програм TypeScript.

import 'reflect-metadata';
import { injectable, inject, Container } from 'inversify';

@injectable()
class Logger {
  log(message: string) {
    console.log(message);
  }
}

@injectable()
class UserService {
  constructor(@inject(Logger) private logger: Logger) {}

  getUser(id: number) {
    this.logger.log(`Fetching user with id ${id}`);
    return { id, name: 'Jane Doe' };
  }
}

const container = new Container();
container.bind(Logger).toSelf();
container.bind(UserService).toSelf();

const userService = container.get(UserService);
userService.getUser(1);

2. Використання універсалів для гнучких і багаторазових компонентів

Генерики дозволяють створювати гнучкі багаторазові компоненти та функції. Вони допомагають підтримувати безпеку типів під час обробки різних типів даних.

function wrapInArray<T>(item: T): T[] {
  return [item];
}

const numberArray = wrapInArray(42); // number[]
const stringArray = wrapInArray('Hello'); // string[]

3. Advanced Type Guard для складних типів

Захист типів уточнює тип змінної в умовному блоці, забезпечуючи безпеку типу та запобігаючи помилкам під час виконання.

type Animal = { type: 'cat'; meow: () => void } | { type: 'dog'; bark: () => void };

function isCat(animal: Animal): animal is Animal & { type: 'cat' } {
  return animal.type === 'cat';
}

const animal: Animal = { type: 'cat', meow: () => console.log('Meow') };

if (isCat(animal)) {
  animal.meow(); // TypeScript knows `animal` is a cat
}

4. Використання декораторів TypeScript для метаданих

Декоратори — це потужна функція для додавання метаданих до класів і методів, які часто використовуються в поєднанні з такими фреймворками, як Angular.

function Log(target: any, propertyKey: string, descriptor: PropertyDescriptor) {
  const originalMethod = descriptor.value;
  descriptor.value = function(...args: any[]) {
    console.log(`Called ${propertyKey} with args: ${args}`);
    return originalMethod.apply(this, args);
  };
}

class ExampleService {
  @Log
  doSomething(arg: number) {
    console.log('Doing something with', arg);
  }
}

const service = new ExampleService();
service.doSomething(42);

5. Використання типів об’єднання та перетину для складних структур даних

Типи Union і Intersection надають способи моделювання складних структур даних і об’єднання кількох типів в один тип.

type ErrorResponse = { error: string };
type SuccessResponse = { data: any };

type ApiResponse = ErrorResponse | SuccessResponse;

function handleResponse(response: ApiResponse) {
  if ('error' in response) {
    console.error('Error:', response.error);
  } else {
    console.log('Data:', response.data);
  }
}

6. Реалізація умовних типів для гнучких API

Умовні типи дають змогу створювати типи на основі умов, створюючи дуже гнучкий і багаторазово використовуваний код.

type IsString<T> = T extends string ? 'Yes' : 'No';

type Test1 = IsString<string>; // 'Yes'
type Test2 = IsString<number>; // 'No'

Висновок

Застосування вдосконалених шаблонів TypeScript може значно підвищити масштабованість, зручність обслуговування та надійність корпоративних програм. Використовуючи ін’єкцію залежностей, універсали, захист типів, декоратори, типи об’єднання та перетину та умовні типи, розробники можуть створювати більш гнучкі та надійні системи, здатні ефективно обробляти складні вимоги.