Что означает функция вида `const render = (a) => (b) => {}`?

Как работает функция например const render = (elements) => (path, value, prevValue) => {}? Что за странная запись?

3 года назад

Ivan Gagarinov

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Функция вида const a = (param1) => (param2) => {}; возвращает новую функцию, которая принимает параметр param2. Чтобы лучше понять как это работает, распишем функцию на несколько строк:

const a = (param1) => {
  const b = (param2) => {
    // какой-то код внутри функции
  };

  return b;
};

Внутри функции a создаётся функция b и возвращается.

Это нужно для того, чтобы сохранить в функции какие-то дополнительные данные. Например, выше функция b имеет доступ к param1. Такой способ часто применяется в обработчиках событий:

const onClick = (id) => (event) => {
  console.log(`Id: ${id}`);
  // какая-то логика
};

const id = 'myButton';
const button = document.getElementById(id);

button.addEventListener('click', onClick(id));

Когда функция содержит какую-то внешнюю переменную — это еще называют замыканием.

3 года назад

Ivan Gagarinov

Это по сути замыкание?

3 года назад

Артём Мельников

1 месяц

Основы JavaScript

Синтаксис, основы программирования, переменные, строки, арифметика, условные конструкции, циклы, функции, модули

2 месяца

ООП на Javascript

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

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

1 месяц

СИКП на JS

Навык понимать программы на фундаментальном уровне, уверенно проходить собеседования и решать сложные задачи

2 месяца

Typescript

Навык снижать ошибки, упрощать отладку, повышать качество кода и ускорять разработку с автодополнением и типизацией

Похожие вопросы