JavaScriptте интерфейстерди эмне менен алмаштырып…

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: Тype аннотациялары бар комментарийлер, құжаттама және 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те интерфейстерди эмне менен алмаштырып болот?