Fișe TypeScript

Sponsor de categorie

TypeScript este un superset JavaScript cu tipare statice creat de Anders Hejlsberg la Microsoft. Este un limbaj conceput pentru a crește productivitatea și a îmbunătăți calitatea codului în aplicații mari. TypeScript se caracterizează printr-un sistem de tipare bogat și funcții avansate ale limbajului, permițând detectarea erorilor în timpul compilării și un suport mai bun pentru instrumentele de dezvoltare. Acest limbaj oferă funcții precum interfețe, generice și decoratori, oferind dezvoltatorilor instrumente pentru a crea cod mai lizibil și mai ușor de întreținut. TypeScript este, de asemenea, complet compatibil cu JavaScript și permite adoptarea treptată în proiectele existente, menținând performanța și permițând utilizarea facilă a ecosistemului JavaScript.

Aplicația noastră de fișe include întrebări de interviu selectate cu atenție pentru TypeScript, cu răspunsuri cuprinzătoare, care te vor pregăti eficient pentru orice interviu ce necesită cunoștințe de TypeScript. IT Flashcards nu este doar un instrument pentru cei care caută un loc de muncă - este o modalitate excelentă de a-ți consolida și testa cunoștințele, indiferent de planurile tale de carieră actuale. Utilizarea regulată a aplicației te va ajuta să rămâi la curent cu cele mai recente tendințe TypeScript și să îți menții abilitățile la un nivel înalt.

Exemple de fișe TypeScript din aplicația noastră

Descarcă aplicația noastră din App Store sau Google Play pentru a obține mai multe flashcarduri gratuite sau abonează-te pentru acces la toate flashcardurile.

Ce este tipul 'any' în TypeScript și când este recomandată utilizarea sa?

Tipul any în TypeScript este un tip dinamic care poate reprezenta orice tip de date. Utilizarea tipului any ne permite să evităm verificarea tipului în timpul compilării și poate fi tratat în mod similar cu tipul dinamic din alte limbaje de programare, cum ar fi JavaScript.

Iată un exemplu de utilizare a tipului any în TypeScript:

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

Chiar dacă utilizarea tipului any este convenabilă, nu este recomandat dacă cunoaștem structura datelor. Principalul avantaj al TypeScript față de JavaScript este că TypeScript introduce tipizarea statică, care ajută la detectarea erorilor în timpul compilării.

Utilizarea tipului any ar trebui astfel limitată la situațiile în care nu putem determina un tip specific. De exemplu, poate fi necesar atunci când ne confruntăm cu date dinamice, cum ar fi datele API, care pot-și schimba structura. De notat - utilizarea excesivă a tipului any poate duce la pierderea beneficiilor oferite de TypeScript prin verificarea și verificarea tipului.

Explică ce este tipul 'void' în contextul funcțiilor în TypeScript.

Tipul void în TypeScript este un tip special returnat de funcțiile care nu returnează o valoare. În terminologia JavaScript / TypeScript, funcțiile care nu au un tip de returnare declarat sau nu au o instrucțiune de returnare, returnează undefined. Un astfel de tip de funcție poate fi declarat folosind tipul void.

Tipul void este util când vrem să creăm o funcție care are ca scop să efectueze o acțiune specifică, dar nu returnează o valoare. Acesta este folosit adesea pentru funcții care urmăresc schimbarea stării aplicației sau afișarea de efecte pe ecran, cum ar fi reacțiile la evenimentele de click.

Exemplu:

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

Funcția logMessage primește un string ca argument și îl afișează pe consolă. Nu returnează nicio valoare. Tipul void definește în mod precis că nu ar trebui să returneze nicio valoare. Dacă încercăm să returnăm orice valoare dintr-o astfel de funcție, TypeScript va raporta o eroare de compilare.

Care sunt diferențele dintre o interfață și un tip în TypeScript?

În TypeScript, atât interfetele, cât și tipurile îndeplinesc scopuri similare, dar există diferențe între ele. Voi sublinia câteva mai jos.

1. Capacitatea de a declara tipuri în mai multe moduri: Tipurile permit declarații mai complexe, de exemplu, putem declara un tip ca o uniune, intersecție, tip tuplă, tipuri literale, tipuri de index, tipuri mapate, tipuri condiționale, etc. Interfețele nu posedă astfel de flexibilitate.

2. Extinderea și implementarea: Interfețele pot fi extinse și implementate pentru clase, ceea ce poate facilita scrierea codului. Tipurile, în schimb, nu oferă astfel de funcționalitate.

3. Combinarea declarațiilor: Interfețele pot avea mai multe declarații într-un singur scop. Toate aceste declarații sunt unite într-o singură interfață. Tipurile nu pot fi declarate mai mult de o dată.

Exemplu de îmbinare a interfeței:

interface User {
  name: string;
}

interface User {
  age: number;
}

// Acum interfata User include câmpurile nume și vârstă

Exemplu de diferență în declararea unui tip:

type User = {
  name: string;
};

// Compilatorul va genera o eroare deoarece tipurile nu pot fi declarate mai mult de o dată
type User = {
  age: number;
};

4. Compatibilitatea de tip structural: Interfețele pot fi utilizate pentru determinarea compatibilității tipului structural, în timp ce tipurile sunt concepute pentru a gestiona tipuri compuse.

Exemple de utilizare a interfețelor și tipurilor:

interface ExampleInterface {
    prop1: string;
}

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

Dar rețineți că alegerea între interfață și tip depinde în principal de axă sau situație. Fiecare are plusurile și minusurile sale.

Cum poți defini un obiect cu proprietăți și tipuri specifice în TypeScript?

În TypeScript, putem defini un obiect cu proprietăți și tipuri specificate utilizând așa-numita interfață sau alias de tip. Ambele aceste mecanisme se concentrează asupra verificării formei pe care un obiect dat o prezintă. Acestea servesc pentru a descrie forma obiectelor. Iată cum se face:

1. Utilizând Interfața:

interfața Persoană {
    prenume: string;
    nume: string;
    vârstă: number;
    esteAngajat: boolean;
}

lăsați john: Persoană = {
    prenume: 'John',
    nume: 'Doe',
    vârstă: 25,
    esteAngajat: true
};

2. Utilizând Aliasul de Tip:

tip Mașină = {
    fabricant: string;
    model: string;
    an: number;
}

lăsați mașinaMea: Mașină = {
     fabricant: 'Toyota',
     model: 'Corolla',
     an: 2020
};

În ambele cazuri, dacă dorim să alocăm un obiect unei variabile care nu este de acord cu forma declarată (de exemplu, un câmp lipsește sau există unul în plus), vom obține o eroare de compilare.