TypeScript Academy · Lezione

Parametri rest e spread con i tipi

Definisca i tipi dei parametri rest e delle operazioni spread.

Parametri rest e spread con i tipi è una lezione TypeScript Academy gratuita su CoddyKit. Questa è la lezione 3 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento TypeScript Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso TypeScript Academy include 4 lezioni in totale.

Benvenuto

I parametri rest raccolgono più argomenti in un array. TypeScript tipizza il parametro rest come un array del tipo degli elementi.

Tipizzare i parametri rest

Utilizzi la sintassi `...name: T[]` per un parametro rest. Questo raccoglie tutti gli argomenti rimanenti in un array.

function sum(...nums: number[]): number {
  return nums.reduce((a, b) => a + b, 0);
}
console.log(sum(1, 2, 3, 4)); // 10

Parametri rest dopo quelli obbligatori

I parametri rest devono essere ultimi. Gli altri parametri obbligatori vengono prima.

function log(level: string, ...messages: string[]): void {
  console.log(level, messages.join(' '));
}
log('INFO', 'Server', 'started', 'on', 'port', '3000');

Espandere gli array nelle funzioni

Utilizzi lo spread `...` per passare gli elementi di un array come argomenti singoli. TypeScript verifica che il tipo espanso corrisponda ai parametri.

function add(a: number, b: number): number { return a + b; }
const args: [number, number] = [1, 2];
add(...args); // OK — tuple spread is type-safe

Espandere array normali

Espandere un array normale in una funzione con parametri fissi può causare un errore, perché TypeScript non può verificare che il numero di elementi corrisponda.

const nums = [1, 2]; // number[] — length unknown
// add(...nums); // Error: spread must match parameters
const pair: [number, number] = [1, 2];
add(...pair); // OK — tuple has known length

Parametri rest e oggetto arguments

I parametri rest sostituiscono il vecchio oggetto `arguments`. Sono veri array con pieno supporto ai tipi di TypeScript, a differenza di `arguments`.

Espandere oggetti (non parametri rest)

Espandere un oggetto crea una copia superficiale. TypeScript inferisce il tipo combinato del risultato dell'espansione.

const a = { x: 1, y: 2 };
const b = { z: 3 };
const c = { ...a, ...b }; // { x: number; y: number; z: number }

Sovrascrivere le proprietà con lo spread

Durante lo spread, le proprietà successive sovrascrivono quelle precedenti con lo stesso nome.

const base = { color: 'red', size: 5 };
const updated = { ...base, color: 'blue' };
// { color: 'blue', size: 5 }

Spread tipizzato negli array

Lo spread di un array crea un nuovo array. TypeScript inferisce il tipo combinato degli elementi.

const a: number[] = [1, 2];
const b: number[] = [3, 4];
const c: number[] = [...a, ...b]; // [1, 2, 3, 4]

Rest di tuple variadiche

TypeScript supporta gli elementi rest nei tipi tupla per modelli variadici avanzati.

type Strings = string[];
type StringsAndNumber = [...Strings, number];
const t: StringsAndNumber = ['a', 'b', 42];

Rest nella destrutturazione

Utilizzi la sintassi rest nella destrutturazione per raccogliere gli elementi rimanenti in un array tipizzato.

const [first, ...rest]: number[] = [1, 2, 3, 4];
// first: number, rest: number[]

Verifica rapida

Quale tipo inferisce TypeScript per il parametro rest `...items` in `function collect(...items: string[])`?

Riepilogo

I parametri rest (`...args: T[]`) raccolgono gli argomenti rimanenti in un array tipizzato. Espanda gli array nelle funzioni utilizzando le tuple per garantire la sicurezza dei tipi. Espanda gli oggetti per creare copie superficiali con tipi combinati inferiti.

Domande Frequenti

La lezione «Parametri rest e spread con i tipi» è gratuita?

Sì — il testo completo di «Parametri rest e spread con i tipi» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso TypeScript Academy, passa a CoddyKit PRO. Il corso TypeScript Academy include 4 lezioni in totale.

Cosa imparerò in «Parametri rest e spread con i tipi»?

Definisca i tipi dei parametri rest e delle operazioni spread. Eserciti TypeScript Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.

Ho bisogno di esperienza per iniziare TypeScript Academy?

Non è richiesta alcuna esperienza precedente. TypeScript Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 3 di 4.

Quanto tempo richiede la lezione «Parametri rest e spread con i tipi»?

La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.

Posso scrivere ed eseguire codice in questa lezione TypeScript Academy?

Sì. Ogni lezione TypeScript Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.

Tutte le lezioni di questo corso

Annotazioni dei parametri e dei tipi restituiti
Parametri opzionali e predefiniti
Parametri rest e spread con i tipi
void, never e firme delle funzioni

← Torna a TypeScript Academy