Flashcard di TypeScript

Sponsor di categoria

TypeScript è un superset di JavaScript tipizzato staticamente creato da Anders Hejlsberg presso Microsoft. È un linguaggio progettato per aumentare la produttività e migliorare la qualità del codice in grandi applicazioni. TypeScript è caratterizzato da un ricco sistema di tipi e funzionalità avanzate del linguaggio, consentendo la rilevazione degli errori in fase di compilazione e un migliore supporto per gli strumenti di sviluppo. Questo linguaggio offre funzionalità come interfacce, generics e decorators, fornendo agli sviluppatori strumenti per creare codice più leggibile e manutenibile. TypeScript supporta anche la piena compatibilità con JavaScript e l'adozione graduale nei progetti esistenti, mantenendo le prestazioni e consentendo l'uso facile dell'ecosistema JavaScript.

La nostra app di flashcard include domande di colloquio TypeScript accuratamente selezionate con risposte complete che ti prepareranno efficacemente per qualsiasi colloquio che richieda conoscenze di TypeScript. IT Flashcards non è solo uno strumento per chi cerca lavoro - è un ottimo modo per rafforzare e testare le tue conoscenze, indipendentemente dai tuoi piani di carriera attuali. L'uso regolare dell'app ti aiuterà a rimanere aggiornato con le ultime tendenze di TypeScript e a mantenere le tue competenze a un livello elevato.

Esempi di flashcard TypeScript dalla nostra app

Scarica la nostra app dall'App Store o da Google Play per ottenere più flashcard gratuite o abbonati per accedere a tutte le flashcard.

Cos'è il tipo 'any' in TypeScript e quando si consiglia il suo utilizzo?

Il tipo any in TypeScript è un tipo dinamico che può rappresentare qualsiasi tipo di dato. L'uso del tipo any ci permette di evitare il controllo del tipo durante la compilazione, e può essere trattato in modo simile al tipo dinamico in altri linguaggi di programmazione, come JavaScript.

Ecco un esempio di utilizzo del tipo any in TypeScript:

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

Sebbene l'uso del tipo any sia conveniente, non è consigliabile se conosciamo la struttura dei dati. Il principale vantaggio di TypeScript rispetto a JavaScript è che TypeScript introduce la tipizzazione statica, che aiuta a rilevare errori durante la compilazione.

L'uso del tipo any dovrebbe quindi essere limitato a situazioni in cui non siamo in grado di determinare un tipo specifico. Ad esempio, potrebbe essere necessario quando si tratta di dati dinamici, come i dati delle API, che possono cambiare la loro struttura. Nota - l'uso eccessivo del tipo any può portare a perdere i benefici forniti da TypeScript attraverso il controllo e la verifica dei tipi.

Spiega cosa è il tipo 'void' nel contesto delle funzioni in TypeScript.

Il tipo void in TypeScript è un tipo speciale restituito dalle funzioni che non restituiscono un valore. Nella terminologia di JavaScript / TypeScript, le funzioni che non hanno un tipo di ritorno dichiarato o non hanno un'istruzione di ritorno, restituiscono undefined. Tale tipo di funzione può essere dichiarato usando il tipo void.

Il tipo void è utile quando vogliamo creare una funzione che deve eseguire una specifica azione, ma non restituisce un valore. Questo viene spesso utilizzato per funzioni finalizzate a modificare lo stato dell'applicazione o a visualizzare effetti sullo schermo, come le reazioni agli eventi di click.

Esempio:

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

La funzione logMessage prende una stringa come argomento e la visualizza sulla console. Non restituisce alcun valore. Il tipo void definisce precisamente che non dovrebbe restituire alcun valore. Se proviamo a restituire un qualche valore da una tale funzione, TypeScript segnalerà un errore di compilazione.

Quali sono le differenze tra un'interfaccia e un tipo in TypeScript?

In TypeScript, sia le interfacce che i tipi servono scopi simili, ma ci sono differenze tra loro. Ne elencherò alcuni di seguito.

1. Possibilità di dichiarare tipi in vari modi: I tipi permettono dichiarazioni più complesse, per esempio, possiamo dichiarare un tipo come unione, intersezione, tipo di tupla, tipi letterali, tipi di indice, tipi mappati, tipi condizionali, ecc. Le interfacce non possiedono tale flessibilità.

2. Estensione e implementazione: Le interfacce possono essere estese e implementate per le classi, cosa che può facilitare la scrittura del codice. I tipi, invece, non forniscono tale funzionalità.

3. Unione di dichiarazioni: Le interfacce possono avere più dichiarazioni in un unico ambito. Tutte queste dichiarazioni vengono unite in un'unica interfaccia. I tipi non possono essere dichiarati più di una volta.

Esempio di unione di interfacce:

interface User {
  name: string;
}

interface User {
  age: number;
}

// Ora l'interfaccia User include i campi name e age

Esempio di differenza nella dichiarazione di un tipo:

type User = {
  name: string;
};

// Il compilatore genererà un errore perché i tipi non possono essere dichiarati più di una volta
type User = {
  age: number;
};

4. Compatibilità di tipo strutturale: Le interfacce possono essere usate per determinare la compatibilità del tipo strutturale, mentre i tipi sono progettati per gestire i tipi compositi.

Esempi di utilizzo di interfacce e tipi:

interface ExampleInterface {
    prop1: string;
}

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

Ma ricorda che la scelta tra interfaccia e tipo dipende principalmente dall'asse o dalla situazione. Ogniuno ha i suoi pro e contro.

Come puoi definire un oggetto con proprietà e tipi specifici in TypeScript?

In TypeScript, possiamo definire un oggetto con proprietà e tipi specificati utilizzando così detta interfaccia o alias di tipo. Entrambi questi meccanismi si concentrano sul controllo della forma che un determinato oggetto presenta. Servono a descrivere la forma degli oggetti. Ecco come farlo:

1. Utilizzando l'interfaccia:

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

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

2. Utilizzando l'alias di tipo:

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

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

In entrambi i casi, se vogliamo assegnare un oggetto a una variabile che non concorda con la forma dichiarata (ad esempio manca un campo o ce n'è uno in più), otterremo un errore di compilazione.