TypeScript – Interfețe

interface IEmployee { empCode: number; empName: string; getSalary: (number) => number; // arrow function getManagerName(number): string; }

interface KeyPair { key: number; value: string;}let kv1: KeyPair = { key:1, value:"Steve" }; // OKlet kv2: KeyPair = { key:1, val:"Steve" }; // Compiler Error: 'val' doesn't exist in type 'KeyPair'let kv3: KeyPair = { key:1, value:100 }; // Compiler Error: 

În exemplul de mai sus, o interfață KeyPair include două proprietăți key și value. O variabilă kv1 este declarată ca fiind de tipul KeyPair. Prin urmare, ea trebuie să urmeze aceeași structură ca și KeyPair. Aceasta înseamnă că numai un obiect cu proprietățile key de tip număr și value de tip șir de caractere poate fi atribuit unei variabile kv1. Compilatorul TypeScript va afișa o eroare în cazul în care există vreo schimbare în numele proprietăților sau tipul de date este diferit de KeyPair. O altă variabilă kv2 este, de asemenea, declarată ca fiind de tip KeyPair, dar valoarea atribuită este val în loc de value, deci acest lucru va cauza o eroare. În același mod, kv3 atribuie un număr proprietății value, astfel încât compilatorul va afișa o eroare. Astfel, TypeScript utilizează o interfață pentru a asigura structura corectă a unui obiect.

Interfața ca tip de funcție

Interfața TypeScript este, de asemenea, utilizată pentru a defini un tip de funcție. Astfel se asigură semnătura funcției.

interface KeyValueProcessor{ (key: number, value: string): void;};function addKeyValue(key:number, value:string):void { console.log('addKeyValue: key = ' + key + ', value = ' + value)}function updateKeyValue(key: number, value:string):void { console.log('updateKeyValue: key = '+ key + ', value = ' + value)} let kvp: KeyValueProcessor = addKeyValue;kvp(1, 'Bill'); //Output: addKeyValue: key = 1, value = Bill kvp = updateKeyValue;kvp(2, 'Steve'); //Output: updateKeyValue: key = 2, value = Steve 

În exemplul de mai sus, o interfață KeyValueProcessor include o semnătură de metodă. Aceasta definește tipul de funcție. Acum, putem defini o variabilă de tip KeyValueProcessor care poate indica numai funcții cu aceeași semnătură ca cea definită în interfața KeyValueProcessor. Astfel, funcția addKeyValue sau updateKeyValue este atribuită la kvp. Astfel, kvp poate fi apelată ca o funcție.

Încercarea de a atribui o funcție cu o semnătură diferită va cauza o eroare.

function delete(key:number):void { console.log('Key deleted.')} let kvp: KeyValueProcessor = delete; //Compiler Error

Interfață pentru tipul de array

O interfață poate defini, de asemenea, tipul unui array în care se poate defini tipul de index, precum și valorile.

interface NumList { :number}let numArr: NumList = ;numArr;numArr;interface IStringList { :string}let strArr : IStringList;strArr = "TypeScript";strArr = "JavaScript";

interface IEmployee { empCode: number; empName: string; empDept?:string;}let empObj1:IEmployee = { // OK empCode:1, empName:"Steve"}let empObj2:IEmployee = { // OK empCode:1, empName:"Bill", empDept:"IT"}

În exemplul de mai sus, empDept este marcat cu ?, astfel încât obiectele din IEmployee pot sau nu să includă această proprietate.

Read only Properties

TypeScript oferă o modalitate de a marca o proprietate ca fiind numai de citire. Acest lucru înseamnă că odată ce unei proprietăți i se atribuie o valoare, aceasta nu mai poate fi modificată!

interface Citizen { name: string; readonly SSN: number;}let personObj: Citizen = { SSN: 110555444, name: 'James Bond' }personObj.name = 'Steve Smith'; // OKpersonObj.SSN = '333666888'; // Compiler Error

În exemplul de mai sus, proprietatea SSN este de numai citire. Se definește obiectul personObj de tip Citizen și se atribuie valori celor două proprietăți de interfață. În continuare, încercăm să modificăm valorile atribuite celor două proprietăți – name și SSN. Compilatorul TypeScript va afișa o eroare atunci când încercăm să modificăm proprietatea SSN, care este doar pentru citire.

Extinderea interfețelor

Interfețele pot extinde una sau mai multe interfețe. Acest lucru face ca scrierea interfețelor să fie flexibilă și reutilizabilă.

interface IPerson { name: string; gender: string;}interface IEmployee extends IPerson { empCode: number;}let empObj:IEmployee = { empCode:1, name:"Bill", gender:"Male"}

În exemplul de mai sus, interfața IEmployee extinde interfața IPerson. Astfel, obiectele din IEmployee trebuie să includă toate proprietățile și metodele interfeței IPerson, în caz contrar, compilatorul va afișa o eroare.

Implementarea unei interfețe

Similar cu limbaje precum Java și C#, interfețele din TypeScript pot fi implementate cu o clasă. Clasa care implementează interfața trebuie să se conformeze strict structurii interfeței.

interface IEmployee { empCode: number; name: string; getSalary:(number)=>number;}class Employee implements IEmployee { empCode: number; name: string; constructor(code: number, name: string) { this.empCode = code; this.name = name; } getSalary(empCode:number):number { return 20000; }}let emp = new Employee(1, "Steve");