2

Разбираю код, который был написан до меня, и встретил вот такую конструкцию:

export const reset = () => () => {
   axios.post('какой-то URL', { action: 'какой-то action' })
        .then(() => location.reload())
}

И я не очень представляю, как работает эта часть: const reset = () => () =>. Почему и в честь чего здесь 2 пары скобок? Функция вызывается по нажатию. Проект написан на React с TypeScript.

5
  • Это стрелочные функции, почитайте learn.javascript.ru/arrow-functions-basics
    – Dzorogh
    4 мар 2021 в 11:24
  • 4
    reset = function(){ return function(){ .... }}; если нагляднее вам будет
    – teran
    4 мар 2021 в 11:29
  • а почему нельзя вернуть axios таким образом: reset = function(){return axios...}? Для чего это усложнение? 4 мар 2021 в 12:21
  • reset - в Вашем примере является функцией высшего порядка, которая возвращает функцию. const example = reset() Теперь example будет равен функции и Вы можете ее вызвать. Такие функции часто используют в замыкании. 4 мар 2021 в 19:25
  • Спасибо за разъяснение) Можете оформить как ответ ? 5 мар 2021 в 6:01

1 ответ 1

2

const reset - в Вашем примере является функцией высшего порядка, которая возвращает функцию.

const example = reset()
example() 

Теперь example будет равен функции и Вы можете ее вызвать. Такие функции часто используют в замыкании.

const logNubmer = (number) => () => {
   console.log(number)
}


or 


function logNumber (number) {
     return function () {
          console.log(number)
     }
}

const showNumber = logNumber(3)

showNumber() // console.log(3)

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.