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

HOF, bind/call/apply, частичное применение и каррирование.

JavaScript

function makeCounter() {

let count = 0; // ← переменная во внешней функции

return function() { // ← внутренняя функция

count++; // ← доступ к count — это замыкание

return count;

};

}

const counter = makeCounter();

counter(); // 1

counter(); // 2 ← count сохраняется!

Замыкание — это функция + её лексическое окружение (переменные из внешней области видимости).
Внутренняя функция «помнит» переменные внешней даже после её выполнения.

Визуализация лексического окружения

makeCounter() — внешнее окружение

count = 2 ← переменная живёт здесь

function() — внутреннее окружение

видит count через замыкание →

Язык примеров:

Шаг 1 из 2

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

Что такое HOF?

Функция высшего порядка (Higher-Order Function) — функция, которая:

принимает другую функцию как аргумент, или
возвращает функцию как результат

Ты уже знаком с HOF: map, filter, reduce, forEach, sort — все это функции высшего порядка.

// Принимает функцию
function doTwice(fn) {
  fn();
  fn();
}
doTwice(() => console.log("Привет!")); // "Привет!" дважды

// Возвращает функцию
function greeter(greeting) {
  return (name) => `${greeting}, ${name}!`;
}
const hi  = greeter("Привет");
const hey = greeter("Эй");

hi("Иван");  // "Привет, Иван!"
hey("Мария"); // "Эй, Мария!"

Декораторы функций

HOF часто используется для обёртки функции дополнительным поведением.

function withLogging(fn) {
  return function(...args) {
    console.log("Вызов с аргументами:", args);
    const result = fn(...args);
    console.log("Результат:", result);
    return result;
  };
}

const add = (a, b) => a + b;
const loggedAdd = withLogging(add);

loggedAdd(2, 3);
// Вызов с аргументами: [2, 3]
// Результат: 5

Рекурсия Прототипная цепочка

StudyCode

Что такое HOF?

Функция высшего порядка (Higher-Order Function) — функция, которая:

принимает другую функцию как аргумент, или

возвращает функцию как результат

Ты уже знаком с HOF: map, filter, reduce, forEach, sort — все это функции высшего порядка.

// Принимает функцию
function doTwice(fn) {
  fn();
  fn();
}
doTwice(() => console.log("Привет!")); // "Привет!" дважды

// Возвращает функцию
function greeter(greeting) {
  return (name) => `${greeting}, ${name}!`;
}
const hi  = greeter("Привет");
const hey = greeter("Эй");

hi("Иван");  // "Привет, Иван!"
hey("Мария"); // "Эй, Мария!"

Декораторы функций

HOF часто используется для обёртки функции дополнительным поведением.

function withLogging(fn) {
  return function(...args) {
    console.log("Вызов с аргументами:", args);
    const result = fn(...args);
    console.log("Результат:", result);
    return result;
  };
}

const add = (a, b) => a + b;
const loggedAdd = withLogging(add);

loggedAdd(2, 3);
// Вызов с аргументами: [2, 3]
// Результат: 5