Функции высшего порядка в JavaScript

Оглавление

• Что такое функции высшего порядка
• Зачем нужны функции высшего порядка
• Примеры функций высшего порядка в JavaScript
  • Передача функций в качестве аргументов
  • Возврат функций
• Встроенные функции высшего порядка
• Заключение

Что такое функции высшего порядка

Функция высшего порядка — это функция, оперирующая другими функциями, либо принимая их в качестве аргументов, либо возвращая их. Это понятие не является уникальным для JavaScript, оно присутствует и во многих других языках программирования. Термин "высшего порядка" относится к тому факту, что эти функции оперируют функциями, которые сами по себе являются первоклассными объектами в JavaScript.

Функции высшего порядка — важнейшая часть функционального программирования, парадигмы, в которой особое внимание уделяется неизменяемости, композиции и абстракции. Абстрагируясь от общих шаблонов и операций, функции высшего порядка облегчают написание чистого и многократно используемого кода.

Зачем нужны функции высшего порядка

Функции высшего порядка полезны по нескольким причинам:

1. Абстракция: Инкапсулируя общие паттерны и операции, функции высшего порядка позволяют писать более абстрактный и многократно используемый код. Это облегчает сопровождение кодовой базы, а также рассуждения о ней.
2. Композиция: Функции высшего порядка позволяют создавать сложные операции путём объединения простых функций. Это делает ваш код более модульным, гибким и лёгким для понимания.
3. Лаконичность: Функции высшего порядка могут сделать код более лаконичным и выразительным, сократив объем кода, который вам нужно написать. Это облегчает написание и понимание сложной логики, а также отладку кода.

Примеры функций высшего порядка в JavaScript

Передача функций в качестве аргументов

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

function add(x, y) {
  return x + y;
}

function multiply(x, y) {
  return x * y;
}

function calculate(x, y, operation) {
  return operation(x, y);
}

console.log(calculate(2, 3, add)); // 5
console.log(calculate(2, 3, multiply)); // 6

В данном примере функция calculate принимает в качестве аргументов два числа и функцию и возвращает результат операции. Функции add и multiply передаются в качестве аргументов функции calculate, что позволяет повторно использовать один и тот же код для различных операций.

Возврат функций

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

function createAdder(x) {
  return function (y) {
    return x + y;
  };
}

var add5 = createAdder(5);
var add10 = createAdder(10);

console.log(add5(3)); // 8
console.log(add10(3)); // 13

В этом примере функция createAdder принимает один аргумент x и возвращает новую анонимную функцию, принимающую ещё один аргумент y. Когда вызывается эта функция, она складывает x и y и возвращает результат.

Затем мы используем createAdder для создания двух различных функций add5 и add10, каждая из которых замыкается на разное значение x. Когда мы вызываем add5(3), возвращаемая функция вызывается с y, равным 3, и возвращает 5 + 3 = 8. Аналогично, когда мы вызываем add10(3), возвращаемая функция вызывается с y, равным 3, и возвращает 10 + 3 = 13.

Встроенные функции высшего порядка

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

• map: Функция map принимает в качестве аргументов массив и функцию и возвращает новый массив, содержащий результат применения функции к каждому элементу исходного массива.

  const numbers = [1, 2, 3, 4, 5];
  const squares = numbers.map((x) => x * x);
  console.log(squares); // [1, 4, 9, 16, 25]

• filter: Функция filter принимает в качестве аргументов массив и функцию и возвращает новый массив, содержащий только те элементы, для которых функция возвращает true.

  const numbers = [1, 2, 3, 4, 5];
  const evens = numbers.filter((x) => x % 2 === 0);
  console.log(evens); // [2, 4]

• reduce: Функция reduce принимает в качестве аргументов массив и функцию и возвращает одно значение, являющееся результатом объединения всех элементов массива с помощью функции.

  • Возврат массивов и объектов из метода reduce()

  const numbers = [1, 2, 3, 4, 5];
  const sum = numbers.reduce((acc, x) => acc + x, 0);
  console.log(sum); // 15

Заключение

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

Функции высшего порядка позволяют использовать такие приёмы функционального программирования, как композиция, частичное применение и каррирование/карринг, что может привести к созданию кода, который легче понять, отладить и протестировать. Они широко используются в популярных библиотеках и фреймворках Javascript и являются необходимым инструментом в вашем арсенале.