Аннотации TypeScript – это мощная функция, которая позволяет разработчикам добавлять информацию о типе в свой код, обеспечивая повышенную безопасность типов и статический анализ типов. В этой статье мы рассмотрим различные методы использования аннотаций TypeScript с примерами кода, демонстрируя их универсальность и полезность в различных сценариях.

1. Аннотации типов.
   Аннотации типов в TypeScript предоставляют явную информацию о типе переменных, параметров функций и возвращаемых типов. Они объявляются с использованием двоеточия, за которым следует желаемый тип.

Пример 1: аннотация переменной

let name: string = "John";

Пример 2: аннотации параметров функции и типов возвращаемых данных

function greet(name: string): string {
  return `Hello, ${name}!`;
}

1. Аннотации свойств объекта.
   Аннотации можно использовать для определения типов свойств внутри объекта.

Пример:

interface Person {
  name: string;
  age: number;
}
const person: Person = {
  name: "John",
  age: 25,
};

1. Аннотации функций.
   Аннотации можно применять к функциям для указания типов их аргументов и возвращаемых значений.

Пример:

function add(a: number, b: number): number {
  return a + b;
}

1. Аннотации классов.
   Аннотации можно использовать для определения типов свойств и методов классов.

Пример:

class Circle {
  radius: number;
  constructor(radius: number) {
    this.radius = radius;
  }
  getArea(): number {
    return Math.PI * this.radius * this.radius;
  }
}

1. Декораторы TypeScript.
   Декораторы TypeScript позволяют изменять поведение классов, методов или свойств во время разработки. Они объявляются с использованием символа @, за которым следует имя декоратора.

Пример:

function log(target: any, propertyKey: string, descriptor: PropertyDescriptor) {
  const originalMethod = descriptor.value;
  descriptor.value = function (...args: any[]) {
    console.log(`Calling ${propertyKey} with arguments: ${args}`);
    const result = originalMethod.apply(this, args);
    console.log(`Method ${propertyKey} returned: ${result}`);
    return result;
  };
}
class Calculator {
  @log
  add(a: number, b: number): number {
    return a + b;
  }
}
const calc = new Calculator();
console.log(calc.add(2, 3));

Аннотации TypeScript — ценный инструмент для повышения безопасности типов и статического анализа типов в ваших проектах TypeScript. Используя аннотации типов, вы можете обнаружить потенциальные ошибки во время компиляции и воспользоваться улучшенной поддержкой редактора кода. Будь то аннотации типов, аннотации свойств объектов, аннотации функций, аннотации классов или декораторы, TypeScript предоставляет ряд возможностей, обеспечивающих надежность и надежность вашего кода.

Применяя аннотации TypeScript, вы можете повысить качество своей кодовой базы и свести к минимуму ошибки во время выполнения, что в конечном итоге приведет к созданию более удобных в обслуживании и масштабируемых приложений.