Vetitë Opsionale të Ndërfaqes në TypeScript

Në një ndërfaqe mund të përcaktohen gjithashtu veti të veçanta opsionale (jo të detyrueshme). Ato nevojiten për të mos e kufizuar objektin në një grup të caktuar vetish. Në këtë rast ndalohet përdorimi i vetive që nuk përfshihen në ndërfaqe. Vetitë opsionale përcaktohen duke përdorur operatorin ?, i cili vendoset pas emrit të vetisë.

Le të krijojmë një ndërfaqe IFigure, që përcakton vetitë për të gjithë objektet-figurat. Le të jetë color një veti opsionale:

typescriptinterface IFigure {
  height: number;
  width: number;
  color?: string;
}

Tani le të krijojmë një objekt rectangle dhe të shfaqim vlerën e ngjyrës së tij në konsol:

typescriptlet rectangle: IFigure = {
  height: 200,
  width: 300,
  color: 'red'
}

console.log(rectangle.color); // 'red'

Tani le të kontrollojmë nëse do të ketë gabim, nëse ngjyra nuk përcaktohet në objekt:

typescriptlet rectangle: IFigure = {
  height: 200,
  width: 300
}

console.log(rectangle.color);

Nuk do të ketë gabim dhe në konsol do të shfaqet mesazhi se ngjyra thjesht nuk është e përcaktuar:

typescriptundefined