Интерфейсы в 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 предоставляет наиболее сильную статическую проверку во время компиляции, тогда как остальные методы больше ориентированы на runtime проверку или документацию.

На что можно заменить интерфейсы в JavaScript?