Čím lze nahradit rozhraní v JavaScriptu?

V rozhraní JavaScriptu nejsou nativně podporována, lze je nahradit:

• Kontrola typů za běhu (Runtime type checking): Použití knihoven jako Zod, Yup nebo Joi k popisu struktury dat a validaci vstupních hodnot.

  // Pří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('Data uživatele jsou platná:', validUserData);
  } catch (error) {
    console.error('Chyba validace:', error.errors);
  }
  

• JSDoc: Komentáře s anotacemi typů pro dokumentaci a poskytování informací pro IDE a statické analyzátory.

  /**
   * @typedef {Object} Product
   * @property {number} id - Unikátní identifikátor produktu.
   * @property {string} name - Název produktu.
   * @property {number} price - Cena produktu.
   */
  
  /**
   * Zobrazuje informace o produktu.
   * @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 pojmenování a dokumentace: Jasné dohody o tom, jak by měly být pojmenovány vlastnosti a metody objektů popsaných v dokumentaci kódu.

• TypeScript: Nejefektivnější metoda, která umožňuje používat plné rozhraní a statickou typovou kontrolu během vývoje.

  interface IProduct {
    id: number;
    name: string;
    price: number;
    displayInfo(): void; // Definice metody
  }
  
  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í třídy (v určité míře): Ačkoliv JavaScript nemá skutečné abstraktní třídy, lze je napodobit generováním chyb při pokusu o vytvoření instance abstraktní třídy nebo voláním "abstraktních" metod.

  class AbstractShape {
    constructor() {
      if (new.target === AbstractShape) {
        throw new Error("Nelze vytvořit instanci abstraktní třídy AbstractShape");
      }
    }
  
    area() {
      throw new Error("Metoda area musí být implementována v podtřídě");
    }
  }
  
  class Circle extends AbstractShape {
    radius: number;
  
    constructor(radius: number) {
      super();
      this.radius = radius;
    }
  
    area(): number { // Implementace abstraktní metody
      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é pochopit, že tyto metody poskytují různé úrovně přísnosti a kontroly. TypeScript nabízí nejvyšší statickou kontrolu během kompilace, zatímco ostatní metody jsou více zaměřeny na kontrolu za běhu nebo dokumentaci.