Powrót do: TypeScript dla Testera – Ekspresowe Podstawy (i za darmo!)
Interfejsy i ich zastosowanie
TIP: Cały kod do poszczególnych lekcji, dodatkową teorię i linki z tej i innych lekcji - znajdziesz w darmowym repozytorium - https://github.com/jaktestowac/typescript-dla-testera
Chcesz dokładniej poznać TypeScript? Sprawdź nasz Program JavaScript i TypeScript dla Testerów
Prezentacja
Tu w przyszłości mogą pojawić się dodatkowe materiały w postaci prezentacji etc.
Dodatkowe materiały
Interfejs w TypeScript opisuje kształt obiektu (jakie ma pola i ich typy).
Dzięki interfejsom przekazujemy dane między funkcjami w uporządkowany sposób i dostajemy podpowiedzi oraz błędy kompilacji, gdy czegoś brakuje lub ma zły typ.
Zadania
Zadanie 1 — obiekt zgodny z interfejsem
Treść: Jakie wartości trafią na konsolę?
interface Person {
name: string;
age: number;
}
const p: Person = { name: 'Ala', age: 20 };
console.log(p.name, p.age);
Zadanie 2 — pole opcjonalne
Treść: Jakie wartości trafią na konsolę?
interface Product {
id: number;
name: string;
discountPercent?: number; // optional
}
const a: Product = { id: 1, name: 'Book' };
const b: Product = { id: 2, name: 'Pen', discountPercent: 10 };
function hasDiscount(p: Product): boolean {
return p.discountPercent !== undefined;
}
console.log(hasDiscount(a));
console.log(hasDiscount(b));