Типізовані функції

Функції є основними будівельними блоками будь-якої програми JavaScript. У TypeScript ми можемо точно анотувати як вхідні аргументи, так і значення, що повертаються, що робить наші інтерфейси та виклики функцій надзвичайно безпечними та самодокументованими.

Додаткові параметри та параметри за замовчуванням

У JavaScript кожен параметр є необов’язковим і за умовчанням має значення undefined, якщо його опустити. У TypeScript за замовчуванням кожен оголошений параметр є обов’язковим.

Однак ми можемо визначити додаткові параметри за допомогою знака питання (?) або вказати значення за замовчуванням безпосередньо в сигнатурі функції.

1. Необов'язкові параметри

Необов’язкові параметри мають бути розташовані після усіх обов’язкових параметрів:

function greetUser(name: string, title?: string): string {
  if (title) {
    return `Good morning ${title} ${name}`;
  }
  return `Hello ${name}`;
}

2. Параметри за замовчуванням

Якщо для параметра зі значенням за замовчуванням не надано значення, TypeScript визначає його тип і призначає вказане значення за замовчуванням:

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

Параметри відпочинку (...args)

Якщо ми хочемо прийняти змінну кількість аргументів, ми можемо використовувати оператор rest. У TypeScript ці параметри потрібно вводити як масив:

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

Типи функцій (підписи викликів)

Ми можемо визначити тип функції незалежно, а потім повторно використовувати його в оголошеннях змінних або аргументах зворотного виклику:

// Define function type using type alias
type MathOperation = (a: number, b: number) => number;

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

Цей підхід важливий під час передачі функцій як аргументів іншим функціям (зворотні виклики).

Спробуйте самі

Вправа 1: необов’язкові параметри

Вправа 2: Параметри за замовчуванням

Вправа 3: Підпис функції

Вправа 4: Функція зворотного виклику