Opcjonalne i domyślne parametry

Wprowadzenie

Parametry opcjonalne za pomocą ?

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

Domyślne wartości parametrów

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

Parametr opcjonalny a domyślny

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

Zasady umieszczania

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

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

Jawne wywołanie z undefined

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

Parametry opcjonalne a przeciążenia

Domyślne parametry obiektowe

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

Domyślne parametry tablicowe

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

Łańcuchowe wywołanie opcjonalne w miejscach wywołania

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

Typ parametrów opcjonalnych wewnątrz funkcji

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

Szybkie sprawdzenie

Podsumowanie