JavaScript 函数式编程：如何处理 fetch（对于管道）

Question

我目前正在学习 JavaScript 中的函数式编程。我用 ramda 作为 helper 库来写 helper 比如asyncPipe:

import { pipeWith, then } from 'ramda';

export const asyncPipe = pipeWith(then);

要让用户登录，我必须使用静态 url 发出未经身份验证的获取请求：

export const postRequest = route =>
  asyncPipe([
    body =>
        fetch(route, {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify(body),
        }),
    getJSON,
]);

现在，由于 url 是静态的，我可以将这个函数 curry 并在这样的管道中使用它：

export const login = asyncPipe([
    postRequest(ROUTE_LOGIN),
    prop('token'),
    setToken,
]); // Will get called with the correct body

到目前为止一切顺利。但是现在我必须使用动态 URL 和正文发出请求，并且需要对其进行身份验证，因此我需要标头。我正在努力编写这段代码，以便它是可管道的。

这是我尝试过的：

export const postRequestWithAuth = route => body =>
  asyncPipe([
    getToken,
    token =>
        fetch(route, {
            method: 'POST',
            headers: { Authorization: `Token ${token}`, 'Content-Type': 'application/json' },
            body: JSON.stringify(body),
        }),
    getJSON,
]);

但我不知道你将如何将它与 pipe 或 compose 一起使用（当然是异步的），因为我写它的方式你必须这样做：

postRequestWithAuth(ROUTE_HOUSES + uuid)(body)() 而最后一次调用只是为了激活asyncPipe。如您所见，pipe 非常混乱且难以处理。您将如何以实用的方式解决这个问题？

Answer 1

这是一种编写所需代码的方法，尽管它不是 ramda。

import { pipe, fork, get } from 'rubico'

// expects the object { body: {...}, uuid: 'string' }
export const postRequestWithAuth = route => pipe([
  fork({
    method: () => 'POST',
    headers: pipe([
      get('uuid'),
      getToken,
      token => ({
        Authorization: `Token ${token}`,
        'Content-Type': 'application/json',
      }),
    ]),
    body: pipe([
      get('body'),
      JSON.stringify,
    ]),
  }),
  payload => fetch(route, payload),
  getJSON,
])

postRequestWithAuth('/myRoute')({
  uuid: 'ffda7b1c-fc6b-4949-98c4-e5cb86675f5f',
  body: { hello: 'world' },
})

我创建了rubico 来表达像你这样的复杂异步情况。