Typowane funkcje

Funkcje są podstawowymi budulcami każdej aplikacji JavaScript. W TypeScript możemy precyzyjnie określać typy zarówno dla parametrów wejściowych, jak i dla wartości zwracanych, co sprawia, że nasze interfejsy i wywołania funkcji stają się niezwykle bezpieczne i stanowią doskonałą dokumentację kodu.

Parametry Opcjonalne i Domyślne

W JavaScript każdy parametr jest opcjonalny i w przypadku braku jego przekazania przyjmuje wartość undefined. W TypeScript domyślnie każdy zadeklarowany parametr jest wymagany.

Możemy jednak zdefiniować parametry opcjonalne, używając znaku zapytania (?), lub określić wartości domyślne bezpośrednio w sygnaturze.

1. Parametry Opcjonalne

Parametry opcjonalne muszą być umieszczone po parametrach wymaganych:

function greetUser(name: string, title?: string): string {
  if (title) {
    return `Buongiorno ${title} ${name}`;
  }
  return `Ciao ${name}`;
}

2. Parametry Domyślne

Jeśli dla parametru z wartością domyślną nie zostanie przekazana żadna wartość, TypeScript wywnioskuje jego typ i przypisze ustaloną wartość:

function greetUserWithDefault(name: string, prefix: string = 'Ciao'): string {
  return `${prefix} ${name}`;
}

Parametry Rest (...args)

Gdy chcemy przyjąć zmienną liczbę argumentów, możemy użyć operatora rest. W TypeScript parametry te muszą być typowane jako tablica:

function sumAll(message: string, ...numbers: number[]): string {
  const total = numbers.reduce((sum, n) => sum + n, 0);
  return `${message} ${total}`;
}

Typy Funkcyjne / Sygnatury (Function Types)

Możemy zdefiniować typ funkcji w sposób niezależny, aby następnie móc go użyć przy deklaracji zmiennych lub callbacków:

// Definizione del tipo tramite alias
type MathOperation = (a: number, b: number) => number;

const add: MathOperation = (x, y) => x + y;
const multiply: MathOperation = (x, y) => x * y;

To podejście jest kluczowe w sytuacjach, gdy przekazujemy funkcje jako argumenty do innych funkcji (callbacki).

Spróbuj sam

Ćwiczenie 1: Parametry Opcjonalne

Ćwiczenie 2: Parametry Domyślne

Ćwiczenie 3: Typy Funkcyjne / Sygnatury

Ćwiczenie 4: Funkcja Callback