TypeScript Academy · Lezione

Parametri opzionali e predefiniti

Gestisca gli argomenti mancanti con ? e con valori predefiniti.

Parametri opzionali e predefiniti è una lezione TypeScript Academy gratuita su CoddyKit. Questa è la lezione 2 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

TypeScript consente di contrassegnare i parametri delle funzioni come facoltativi con `?` o di assegnare loro valori predefiniti. Questo rende le API flessibili mantenendo la sicurezza dei tipi.

Parametri facoltativi con ?

Aggiunga `?` dopo il nome di un parametro per renderlo facoltativo. All'interno della funzione, il tipo del parametro diventa T | undefined.

function greet(name: string, greeting?: string): string {
  return (greeting ?? 'Hello') + ', ' + name;
}

Valori predefiniti dei parametri

Assegni un valore predefinito con `=`. TypeScript inferisce il tipo dal valore predefinito e il parametro diventa facoltativo nel punto di chiamata.

function greet(name: string, greeting: string = 'Hello'): string {
  return greeting + ', ' + name;
}
greet('Alice');         // 'Hello, Alice'
greet('Bob', 'Hi');    // 'Hi, Bob'

Facoltativo o predefinito

Un parametro facoltativo `?` restituisce undefined quando viene omesso. I valori predefiniti sostituiscono undefined con un valore alternativo. Entrambi rendono il parametro non obbligatorio nel punto di chiamata.

function opt(x?: number) { return x; }     // x: number | undefined
function def(x: number = 0) { return x; }  // x: number

Regole di posizionamento

I parametri facoltativi e quelli con valore predefinito devono seguire i parametri obbligatori nella firma della funzione.

// Correct order
function create(name: string, role: string = 'user', active?: boolean) {}

// Error: required after optional
// function bad(x?: string, y: string) {}

Chiamare esplicitamente con undefined

È possibile passare `undefined` a un parametro con un valore predefinito per attivare tale valore.

function log(msg: string, level: string = 'info') { console.log(level, msg); }
log('test', undefined); // level is 'info'

Parametri facoltativi e overload

A volte è più chiaro utilizzare gli overload invece dei parametri facoltativi, soprattutto quando il comportamento della funzione cambia significativamente in base alla presenza del parametro.

Parametri oggetto predefiniti

È possibile destrutturare un parametro oggetto con valori predefiniti per ogni proprietà.

function connect({ host = 'localhost', port = 5432 } = {}) {
  return `${host}:${port}`;
}

Parametri array predefiniti

I parametri array predefiniti funzionano allo stesso modo. Fornisca un array vuoto predefinito per evitare i controlli su undefined.

function joinAll(parts: string[], sep: string = ', '): string {
  return parts.join(sep);
}

Chaining facoltativo nei punti di chiamata

Se il riferimento a una funzione è a sua volta facoltativo, utilizzi il chaining facoltativo `?.()` per chiamarla solo quando esiste.

interface Config { onReady?: () => void; }
function init(config: Config) {
  config.onReady?.();
}

Tipo dei parametri facoltativi all'interno della funzione

All'interno della funzione, un parametro facoltativo `x?: T` ha tipo `T | undefined`. Deve restringerne il tipo prima di utilizzarlo come T.

function process(id?: number) {
  if (id === undefined) return;
  console.log(id * 2); // id is number here
}

Verifica rapida

Qual è il tipo di un parametro dichiarato come `count?: number` all'interno del corpo della funzione?

Riepilogo

Utilizzi `?` per i parametri facoltativi e `= value` per i valori predefiniti. All'interno della funzione, i parametri facoltativi sono T | undefined. I valori predefiniti sostituiscono automaticamente undefined. Entrambi devono seguire i parametri obbligatori.

Domande Frequenti

La lezione «Parametri opzionali e predefiniti» è gratuita?

Sì — il testo completo di «Parametri opzionali e predefiniti» è 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 opzionali e predefiniti»?

Gestisca gli argomenti mancanti con ? e con valori predefiniti. 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 2 di 4.

Quanto tempo richiede la lezione «Parametri opzionali e predefiniti»?

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