TypeScript Kartičky

Sponzor kategorie

TypeScript je staticky typovaná nadstavba JavaScriptu vytvořená Andersem Hejlsbergem v Microsoftu. Je to jazyk navržený pro zvýšení produktivity a zlepšení kvality kódu ve velkých aplikacích. TypeScript se vyznačuje bohatým systémem typů a pokročilými jazykovými funkcemi, umožňujícími detekci chyb v době kompilace a lepší podporu pro vývojářské nástroje. Tento jazyk nabízí funkce jako rozhraní, generika a dekorátory, poskytující vývojářům nástroje pro vytváření čitelnějšího a udržovatelnějšího kódu. TypeScript také podporuje plnou kompatibilitu s JavaScriptem a postupné přijetí v existujících projektech, zachovávající výkon a umožňující snadné využití ekosystému JavaScriptu.

Naše aplikace s kartičkami obsahuje pečlivě vybrané otázky k pohovoru pro TypeScript s komplexními odpověďmi, které vás efektivně připraví na jakýkoliv pohovor vyžadující znalost TypeScriptu. IT Kartičky nejsou jen nástrojem pro uchazeče o zaměstnání - jsou skvělým způsobem, jak si upevnit a otestovat své znalosti, bez ohledu na vaše aktuální kariérní plány. Pravidelné používání aplikace vám pomůže držet krok s nejnovějšími trendy v TypeScriptu a udržet vaše dovednosti na vysoké úrovni.

Ukázkové TypeScript kartičky z naší aplikace

Stáhněte si naši aplikaci z App Store nebo Google Play a získejte více zdarma fishek nebo se přihlaste k odběru pro přístup ke všem fishek.

Co je typ 'any' v TypeScriptu a kdy se doporučuje jeho použití?

Typ any v TypeScriptu je dynamický typ, který může reprezentovat jakýkoli datový typ. Použití typu any nám umožňuje vyhnout se kontrole typů během kompilace a lze ho chápat podobně jako dynamický typ v jiných programovacích jazycích, jako je JavaScript.

Zde je příklad použití typu any v TypeScriptu:

let dynamicValue: any = 100;
dynamicValue = "hello";
dynamicValue = false;

Přestože je použití typu any pohodlné, nedoporučuje se, pokud známe strukturu dat. Hlavní výhodou TypeScriptu oproti JavaScriptu je, že TypeScript zavádí statické typování, což pomáhá při detekci chyb během kompilace.

Použití typu any by proto mělo být omezeno na situace, kdy nejsme schopni určit konkrétní typ. Může být například nezbytné při práci s dynamickými daty, jako jsou data z API, která mohou měnit svou strukturu. Poznámka - nadměrné použití typu any může vést ke ztrátě výhod, které TypeScript poskytuje prostřednictvím kontroly typů a ověřování.

Vysvětlete, co je typ 'void' v kontextu funkcí v TypeScriptu.

Typ void v TypeScriptu je speciální typ vracený funkcemi, které nevracejí hodnotu. V terminologii JavaScriptu / TypeScriptu funkce, které nemají deklarovaný návratový typ nebo nemají návratový příkaz, vracejí undefined. Takový typ funkce lze deklarovat s použitím typu void.

Typ void je užitečný, když chceme vytvořit funkci, která má provést konkrétní akci, ale nevrací hodnotu. To se často používá pro funkce zaměřené na změnu stavu aplikace nebo zobrazování efektů na obrazovce, jako jsou reakce na kliknutí.

Příklad:

function logMessage(message: string): void {
  console.log(message);
}

Funkce logMessage bere jako argument řetězec a zobrazuje jej na konzoli. Nevrací žádnou hodnotu. Typ void přesně definuje, že by neměla vrátit žádnou hodnotu. Pokud se pokusíme vrátit jakoukoli hodnotu z takové funkce, TypeScript nám ohlásí kompilační chybu.

Jaké jsou rozdíly mezi rozhraním a typem v TypeScriptu?

V TypeScriptu slouží rozhraní a typy podobným účelům, ale existují mezi nimi rozdíly. Několik z nich shrnuji níže.

1. Schopnost prohlásit typy různými způsoby: Typy umožňují složitější deklarace, například můžeme prohlásit typ jako unii, průnik, typ n-tice, literární typy, indexové typy, mapované typy, podmínkové typy atd. Rozhraní takovou flexibilitu nemají.

2. Rozšiřování a implementace: Rozhraní mohou být rozšířeny a implementovány pro třídy, což může usnadnit psaní kódu. Typy naopak takovou funkcionalitu neposkytují.

3. Slučování deklarací: Rozhraní mohou mít více deklarací v jednom rozsahu. Všechny tyto deklarace jsou sloučeny do jednoho rozhraní. Typy nemohou být deklarovány více než jednou.

Příklad slučování rozhraní:

interface User {
  name: string;
}

interface User {
  age: number;
}

// Nyní rozhraní User zahrnuje pole jméno a věk

Příklad rozdílu v deklaraci typu:

type User = {
  name: string;
};

// Kompilátor vygeneruje chybu, protože typy nemohou být deklarovány více než jednou
type User = {
  age: number;
};

4. Strukturální typová kompatibilita: Rozhraní mohou být použita pro určení strukturální typové kompatibility, zatímco typy jsou navrženy pro zvládání kompozitních typů.

Příklady použití rozhraní a typů:

interface ExampleInterface {
    prop1: string;
}

type ExampleType = {
    prop1: string;
    prop2: number;
} | string | number;

Ale pamatujte, že výběr mezi rozhraním a typem závisí hlavně na osi nebo situaci. Každý má své plusy a minusy.

Jak můžete definovat objekt s konkrétními vlastnostmi a typy v TypeScriptu?

V TypeScriptu můžeme definovat objekt se specifickými vlastnostmi a typy pomocí takzvaného rozhraní nebo aliasu typu. Oba tyto mechanismy se zaměřují na kontrolu tvaru, který daný objekt prezentuje. Slouží k popisu tvaru objektů. Zde je návod, jak to udělat:

1. Použitím rozhraní:

interface Person {
    firstName: string;
    lastName: string;
    age: number;
    isEmployed: boolean;
}

let john: Person = {
    firstName: 'John',
    lastName: 'Doe',
    age: 25,
    isEmployed: true
};

2. Použitím aliasu typu:

type Car = {
    make: string;
    model: string;
    year: number;
}

let myCar: Car = {
    make: 'Toyota',
    model: 'Corolla',
    year: 2020
};

V obou případech, pokud chceme přiřadit objekt k proměnné, která nesouhlasí s deklarovaným tvarem (například chybí pole nebo je přebytečné), dostaneme chybu kompilace.