TypeScript kártyák

Kategória szponzor

A TypeScript egy statikusan típusos JavaScript szuperszett, melyet Anders Hejlsberg hozott létre a Microsoftnál. Ez egy olyan nyelv, amelyet a termelékenység növelésére és a nagy alkalmazások kódminőségének javítására terveztek. A TypeScript gazdag típusrendszerrel és fejlett nyelvi jellemzőkkel rendelkezik, lehetővé téve a hibák észlelését fordítási időben és jobb támogatást nyújtva a fejlesztési eszközök számára. Ez a nyelv olyan jellemzőket kínál, mint az interfészek, generikusok és dekorátorok, eszközöket biztosítva a fejlesztők számára a könnyebben olvasható és karbantartható kód létrehozásához. A TypeScript teljes mértékben kompatibilis a JavaScripttel és fokozatosan bevezethető a meglévő projektekbe, fenntartva a teljesítményt és lehetővé téve a JavaScript ökoszisztéma könnyű használatát.

Kártyaalkalmazásunk gondosan válogatott TypeScript interjúkérdéseket tartalmaz átfogó válaszokkal, amelyek hatékonyan felkészítik Önt bármely TypeScript tudást igénylő interjúra. Az IT Flashcards nem csak álláskeresőknek készült eszköz - nagyszerű módja a tudás megerősítésének és tesztelésének, függetlenül jelenlegi karrierterveitől. Az alkalmazás rendszeres használata segít naprakészen maradni a legújabb TypeScript trendekkel és magas szinten tartani a képességeit.

TypeScript kártyák mintái az alkalmazásunkból

Töltse le alkalmazásunkat az App Store-ból vagy a Google Play-ből, hogy több ingyenes tanulókártyához jusson, vagy iratkozzon fel az összes tanulókártya eléréséhez.

Mi az 'any' típus a TypeScriptben és mikor ajánlott a használata?

A TypeScript-ban az any típus egy dinamikus típus, amely képes bármilyen adattípust reprezentálni. Az any típus használata lehetővé teszi, hogy elkerüljük a típusellenőrzést a fordítás során, és hasonlóan kezelhető, mint a dinamikus típus más programozási nyelvekben, például a JavaScriptben.

Íme egy példa az any típus használatára a TypeScriptben:

let dinamikusErtek: any = 100;
dinamikusErtek = "szia";
dinamikusErtek = false;

Bár az any típus használata kényelmes, nem ajánlott, ha ismerjük az adatstruktúrát. A TypeScript fő előnye a JavaScripttel szemben az, hogy a TypeScript statikus típusbevezetést hajt végre, ami segít a hibák fordításkor történő észlelésében.

Az any típus használatát ezért korlátozni kell olyan helyzetekre, ahol nem tudunk megállapítani egy specifikus típust. Példa lehet rá, ha dinamikus adatokkal kell foglalkoznunk, mint például API adatok, amelyek megváltoztathatják a szerkezetüket. Megjegyzés - az any típus túlzott használata elveszítheti a TypeScript által a típusellenőrzésen és ellenőrzésen keresztül nyújtott előnyöket.

Magyarázza el, mi a 'void' típus a függvények kontextusában a TypeScriptben.

A TypeScript-ben a void típus egy speciális típus, amelyet azok a függvények adnak vissza, amelyek nem adnak vissza értéket. A JavaScript / TypeScript terminológiában azok a függvények, amelyeknek nincs deklarált visszatérési típusa vagy nincs visszatérési utasításuk, undefined-t adnak vissza. Ilyen függvénytípust a void típus segítségével lehet deklarálni.

A void típus akkor hasznos, ha olyan függvényt szeretnénk létrehozni, amely egy specifikus műveletet hajt végre, de nem ad vissza értéket. Gyakran használják olyan függvényeknél, amelyeknek célja az alkalmazás állapotának megváltoztatása vagy hatások megjelenítése a képernyőn, például kattintási eseményekre adott reakciók.

Példa:

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

A logMessage függvény egy karakterláncot vesz át argumentumként és megjeleníti a konzolon. Nem ad vissza semmilyen értéket. A void típus pontosan meghatározza, hogy nem kell visszaadnia semmilyen értéket. Ha megpróbálunk visszaadni bármilyen értéket ilyen függvényből, a TypeScript fordítási hibát jelent.

Mik a különbségek egy interfész és egy típus között a TypeScriptben?

A TypeScriptben az interfészek és típusok hasonló célokat szolgálnak, de vannak közöttük különbségek. Néhányat kiemelek alább.

1. Típusok kijelentésének képessége többféleképpen: A típusok lehetővé teszik a bonyolultabb deklarációkat, például kijelenthetünk egy típust mint unió, metszet, tuple típus, literális típusok, index típusok, leképzett típusok, feltételes típusok stb. Az interfészek nem rendelkeznek ilyen rugalmassággal.

2. Kiterjesztés és implementálás: Az interfészeket osztályokhoz lehet kiterjeszteni és implementálni, ami megkönnyítheti a kódírást. A típusok ezzel szemben nem biztosítanak ilyen funkcionalitást.

3. Deklaráció összevonás: Az interfészeknek lehet több deklarációja egy hatáskörön belül. Mindezen deklarációk egy interfészbe kerülnek összevonásra. Típusokat nem lehet többször deklarálni.

Interfész összevonásának példája:

interfész Felhasználó {
  név: string;
}

interfész Felhasználó {
  életkor: szám;
}

// Most a Felhasználó interfész tartalmazza a név és életkor mezőket

Példa a típusok kijelentésének különbségére:

type Felhasználó = {
  név: string;
};

// A fordító hibát generál, mert a típusokat nem lehet többször deklarálni
type Felhasználó = {
  életkor: szám;
};

4. Strukturális típuskompatibilitás: Az interfészeket strukturális típuskompatibilitás megállapítására lehet használni, míg a típusokat összetett típusok kezelésére tervezték.

Példák az interfészek és típusok használatára:

interfész PéldaInterfész {
    prop1: szöveg;
}

type PéldaTípus = {
    prop1: szöveg;
    prop2: szám;
} | szöveg | szám;

Azonban ne felejtsük el, hogy az interfész és a típus közötti választás főként a tengelytől vagy a helyzettől függ. Mindkettőnek megvannak a maga előnyei és hátrányai.

Hogyan definiálhat egy objektumot specifikus tulajdonságokkal és típusokkal a TypeScriptben?

A TypeScriptben meghatározhatunk egy objektumot a megadott tulajdonságokkal és típusokkal az úgynevezett interface vagy type alias segítségével. Mindkét mechanizmus arra koncentrál, hogy ellenőrizze az adott objektum által bemutatott formát. Ezek szolgálnak az objektumok formájának leírására. Íme, hogyan kell ezt megtenni:

1. Interface használata:

interface Személy {
    keresztnév: string;
    vezetéknév: string;
    kor: szám;
    foglalkoztatott: boolean;
}

let john: Személy = {
    keresztnév: 'John',
    vezetéknév: 'Doe',
    kor: 25,
    foglalkoztatott: true
};

2. Type Alias használata:

type Auto = {
    gyártó: string;
    modell: string;
    év: szám;
}

let autóm: Auto = {
    gyártó: 'Toyota',
    modell: 'Corolla',
    év: 2020
};

Mindkét esetben, ha egy objektumot szeretnénk egy változóhoz rendelni, ami nem egyezik a deklarált formával (pl. hiányzik egy mező vagy van egy extra), akkor lefordítási hibát kapunk.