()=>async()=>{} 是什么意思？

Question

我对那个 redux thunk 操作感到困惑：

import axios from 'axios';

export const GET_CHANNELS = 'GET_CHANNELS'

export const getChannels = () => async (dispatch, getState) => {
    const res = await axios.get('https://v-forum-api.bahdcasts.com/api/channels')
    dispatch({
        type: GET_CHANNELS,
        payload: res.data
    })
}

以下构造是什么意思？

const getChannels=()=>async()=>{}

您能否提供该表达式的任何文章链接？ 谢谢

Answer 1

它是一个返回另一个（异步）函数的函数。

忽略箭头函数和常规函数之间this 的语义差异，用常规函数编写相同内容的一种可能更清晰的方法是：

const getChannels = function () {
  return async function (dispatch, getState) {
    // ...
  }
}

调用者将调用getChannels() 并返回一个函数，然后也可以调用该函数。

const innerFunction = getChannels()
await innerFunction(dispatch, getState)

Answer 2

const getChannels = () => async() => {}

某种程度上等于：

function getChannels() {
  return async function() {

  }
}

使用箭头函数（改变this 的用法）& getChannels 是常量块级变量。