Čo možno použiť namiesto rozhraní v JavaScript…

Rozhrania v JavaScripte nie sú nativne podporované, môžu byť nahradené nasledovne:

Kontrola typov počas behu (Runtime type checking): Použitie knižníc ako Zod, Yup alebo Joi na popis štruktúry dát a validáciu vstupných hodnôt.

// Príklad s 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('Platné údaje používateľa:', validUserData);
} catch (error) {
  console.error('Chyba validácie:', error.errors);
}

JSDoc: Komentáre s anotáciami typov na dokumentáciu a poskytovanie informácií pre IDE a statické analyzátory.

/**
 * @typedef {Object} Product
 * @property {number} id - Jedinečný identifikátor produktu.
 * @property {string} name - Názov produktu.
 * @property {number} price - Cena produktu.
 */

/**
 * Zobrazuje informácie o produkte.
 * @param {Product} product - Objekt produktu.
 */
function displayProduct(product) {
  console.log(`Produkt: ${product.name}, Cena: ${product.price}`);
}

const myProduct = { id: 101, name: 'Kniha', price: 500 };
displayProduct(myProduct);

Dohody o pomenovaní a dokumentácii: Jasné dohody o tom, ako by mali byť pomenované vlastnosti a metódy objektov opísaných v dokumentácii kódu.

TypeScript: Najefektívnejšia metóda, ktorá umožňuje používanie plných rozhraní a statickej typovej kontroly počas vývoja.

interface IProduct {
  id: number;
  name: string;
  price: number;
  displayInfo(): void; // Definícia metódy
}

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(`Produkt: ${this.name}, Cena: ${this.price}`);
  }
}

const myBook: IProduct = new Book(102, 'Román', 700);
myBook.displayInfo();

Abstraktné triedy (v určitej miere): Hoci JavaScript nemá skutočné abstraktné triedy, môžu byť napodobnené generovaním chýb pri pokuse o vytvorenie inštancie abstraktnej triedy alebo volaním "abstraktných" metód.

class AbstractShape {
  constructor() {
    if (new.target === AbstractShape) {
      throw new Error("Nie je možné vytvoriť inštanciu abstraktnej triedy AbstractShape");
    }
  }

  area() {
    throw new Error("Metóda area musí byť implementovaná v podtriede");
  }
}

class Circle extends AbstractShape {
  radius: number;

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

  area(): number { // Implementácia abstraktnej metódy
    return Math.PI * this.radius * this.radius;
  }
}

// const shape = new AbstractShape(); // Vyvolá chybu
const circle = new Circle(5);
console.log("Obsah kruhu:", circle.area());

Je dôležité pochopiť, že tieto metódy poskytujú rôzne úrovne prísnosti a kontroly. TypeScript poskytuje najsilnejšiu statickú kontrolu počas kompilácie, zatiaľ čo ostatné metódy sú viac zamerané na kontrolu počas behu alebo dokumentáciu.

Čo možno použiť namiesto rozhraní v JavaScript?