Ինչով կարելի է փոխարինել ինտերֆեյսները…

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-ը առաջարկում է ամենաուժեղ ստատիկ ստուգում՝ ժամանակի ընթացքում, մինչդեռ մյուս մեթոդները ավելի շատ ուղղված են ռնտիմ ստուգում կամ փաստաթղթավորման վրա:

Ինչով կարելի է փոխարինել ինտերֆեյսները JavaScript-ում?