В JavaScript функции являются первоклассными гражданами, а это означает, что с ними можно обращаться так же, как с любым другим значением. Одной из мощных возможностей JavaScript является возможность передавать функции в качестве параметров другим функциям. Эта концепция также применима в TypeScript, статически типизированной расширенной версии JavaScript. В этой статье мы рассмотрим различные методы передачи функций в качестве параметров в TypeScript, а также приведем примеры кода.

Метод 1: базовый параметр функции
В TypeScript вы можете напрямую передать функцию в качестве параметра другой функции. Вот пример:

function greet(name: string): void {
  console.log(`Hello, ${name}!`);
}
function processGreeting(fn: (name: string) => void, name: string): void {
  fn(name);
}
processGreeting(greet, "John");

Метод 2: функции обратного вызова
Функции обратного вызова обычно используются в асинхронном программировании для обработки результата операции. Вот пример передачи функции обратного вызова в качестве параметра:

function fetchData(url: string, callback: (data: any) => void): void {
  // Perform some async operation
  // Once the operation is complete, invoke the callback with the result
  const data = /* ... */;
  callback(data);
}
function handleData(data: any): void {
  console.log("Received data:", data);
}
fetchData("https://example.com/api/data", handleData);

Метод 3: функции высшего порядка
Функции высшего порядка — это функции, которые либо принимают одну или несколько функций в качестве параметров, либо возвращают функцию. Они обеспечивают мощные абстракции и могут использоваться для реализации многократно используемого кода. Вот пример:

function calculate(num1: number, num2: number, operation: (a: number, b: number) => number): number {
  return operation(num1, num2);
}
function add(a: number, b: number): number {
  return a + b;
}
function multiply(a: number, b: number): number {
  return a * b;
}
const result1 = calculate(2, 3, add);
console.log("Addition result:", result1);
const result2 = calculate(2, 3, multiply);
console.log("Multiplication result:", result2);

Передача функций в качестве параметров в TypeScript обеспечивает большую гибкость и возможность повторного использования кода. Используя эту функцию, вы можете создавать более динамичный и выразительный код. Мы исследовали три метода: основные параметры функции, функции обратного вызова и функции высшего порядка. У каждого метода есть свои варианты использования и преимущества, позволяющие писать более эффективный код TypeScript.