Με τι μπορούν να αντικατασταθούν τα interfaces στη…

Οι διεπαφές στο 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: Σχόλια με annotations τύπων για τεκμηρίωση και παροχή πληροφοριών σε 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 προσφέρει τον πιο ισχυρό έλεγχο κατά τη διάρκεια της μεταγλώττισης, ενώ οι άλλες μέθοδοι εστιάζουν περισσότερο στον έλεγχο κατά την εκτέλεση ή στην τεκμηρίωση.

Με τι μπορούν να αντικατασταθούν τα interfaces στη JavaScript;