С какво могат да бъдат заменени интерфейсите в…

Интерфейсите в JavaScript не са нативно поддържани, те могат да бъдат заменени с:

Проверка на типове по време на изпълнение (Runtime type checking): Използване на библиотеки като Zod, Yup или Joi за описание на структурата на данните и валидиране на входящите стойности.

// Пример с Zod
import { z } from 'zod';

const UserSchema = z.object({
  id: z.number(),
  name: z.string(),
  email: z.string().email(),
});

try {
  const validUserData = UserSchema.parse({ id: 1, name: 'Alice', email: 'alice@example.com' });
  console.log('Данните за потребителя са валидни:', validUserData);
} catch (error) {
  console.error('Грешка при валидирането:', error.errors);
}

JSDoc: Коментари с анотации за типове за документация и предоставяне на информация за IDE и статични анализатори.

/**
 * @typedef {Object} Product
 * @property {number} id - Уникален идентификатор на продукта.
 * @property {string} name - Име на продукта.
 * @property {number} price - Цена на продукта.
 */

/**
 * Показва информация за продукта.
 * @param {Product} product - Обект на продукт.
 */
function displayProduct(product) {
  console.log(`Продукт: ${product.name}, Цена: ${product.price}`);
}

const myProduct = { id: 101, name: 'Книга', price: 500 };
displayProduct(myProduct);

Споразумения за именуване и документация: Ясни договорености за това как трябва да се именуват свойствата и методите на обектите, описани в документацията към кода.

TypeScript: Най-ефективният метод, който позволява използването на пълни интерфейси и статична типизация по време на разработка.

interface IProduct {
  id: number;
  name: string;
  price: number;
  displayInfo(): void; // Дефиниране на метод
}

class Book implements IProduct {
  id: number;
  name: string;
  price: number;

  constructor(id: number, name: string, price: number) {
    this.id = id;
    this.name = name;
    this.price = price;
  }

  displayInfo(): void {
    console.log(`Продукт: ${this.name}, Цена: ${this.price}`);
  }
}

const myBook: IProduct = new Book(102, 'Роман', 700);
myBook.displayInfo();

Абстрактни класове (в някаква степен): Въпреки че JavaScript няма истински абстрактни класове, те могат да бъдат имитирани чрез генериране на грешки при опит за създаване на инстанция на абстрактен клас или извикване на "абстрактни" методи.

class AbstractShape {
  constructor() {
    if (new.target === AbstractShape) {
      throw new Error("Не може да се създаде инстанция на абстрактен клас AbstractShape");
    }
  }

  area() {
    throw new Error("Методът area трябва да бъде реализиран в подклас"));
  }
}

class Circle extends AbstractShape {
  radius: number;

  constructor(radius: number) {
    super();
    this.radius = radius;
  }

  area(): number { // Реализация на абстрактния метод
    return Math.PI * this.radius * this.radius;
  }
}

// const shape = new AbstractShape(); // Ще предизвика грешка
const circle = new Circle(5);
console.log("Площ на кръга:", circle.area());

Важно е да разберем, че тези методи осигуряват различни нива на строгост и проверка. TypeScript предоставя най-силната статична проверка по време на компилация, докато останалите методи са по-скоро насочени към проверка по време на изпълнение или документация.

С какво могат да бъдат заменени интерфейсите в JavaScript?