Ramda：在管道中有没有办法将参数“分叉”到两个函数？

Question

我是一名函数式编程初学者。我正在使用Ramda处理React Native应用程序。该应用程序可让用户维护自己的房屋

我写了一个名为asyncPipe的函数，它允许我管道承诺和正常函数。我将它用于loginFlow，它目前有一个http请求（getHouseList）作为它的最后一个函数。

const asyncPipe = (...fns) => x => fns.reduce(async (y, f) => f(await y), x);

const loginFlow = asyncPipe(
  // ... someFunctions
  getHouseList
);

// used later like this in LoginForm.js's handleSubmit():
const list = await loginFlow(credentials);

因此，登录后，该应用程序加载用户的房屋。现在，根据他是否只有一个或多个房子，我想将用户发送到列表视图以选择房屋或详细视图（如果他只有一个房子）。另外，我想发送一个Redux动作来保存我的reducer中的列表，并且如果只有一个，我会选择另一个动作来选择房子。

目前我这样做：

const list = await loginFlow(credentials);
dispatch(addHouses(list));
if (list.length > 1) {
  navigate('ListScreen')
} else {
  dispatch(pickHouse(list[0]);
  navigate('DetailScreen') ;
}

但正如你所看到的那样，这是非常必要的。看起来我必须“分叉”列表并在管道中使用它两次（因为Redux'dispatch没有返回值）。

我的主要问题是：

如何更具功能性/声明性（如果有办法）？

我有一个小问题，是否可以在这里强制执行/如果做它的功能是一个好主意。

Answer 1

您可以使用像tap这样的东西扩展您的异步管道：

const loginFlow = asyncPipe(
  // ... some functions
  getHouseList,
  tap(compose(dispatch, addHouses)),
  tap(unless(list => list.length > 1, list => dispatch(pickHouse(list[0])))),
  list => navigate(list.length > 1 ? 'ListScreen' : 'DetailScreen', list)
);

这是否值得做，取决于您的申请。如果管道已经很长，那么以这种方式添加东西可能会更加清晰，即使它们不是特别功能的部分。但对于一个简短的管道，这可能没有多大意义。

您也可以查看现已弃用的pipeP或其替代品pipeWith（then）。

但是你在标题中询问了分支参数的问题。 Ramda的converge就是这样做的：

converge(f, [g, h])(x) //=> f(g(x), h(x))

这允许您传递两个以上的函数，并将多个参数传递给结果函数：

converge(f, [g, h, i])(x, y) //=> f(g(x, y), h(x, y), i(x, y)) 

Answer 2

鉴于我们可以使用R.then和R.otherwise，那么真的不需要asyncPipe。函数式编程的一个原则实际上是委托编排...

最后，当然你可以更具说明性，一个好的开始方法就是尽量避免强制控制流程。 R.ifElse肯定会帮助你:)

如果你的代码有副作用，那么在管道中使用R.tap :)

const fake = cb => () => cb([
  { name: 'Hitmands', id: 1 },
  { name: 'Giuseppe', id: 2 },
]);

const fakeApiCall = () => new Promise(resolve => setTimeout(fake(resolve), 500));
const dispatch = action => data => console.log(`dispatch("${action}")`, data);
const navigate = view => data => console.log(`navigate("${view}")`, data);

const loginFlow = (...fns) => R.pipe(
  R.tap(() => console.log('login Flow Start')),
  fakeApiCall,
  R.then(R.pipe(
    ...fns,
    R.tap(() => console.log('login Flow End')),
  )),
)

const flow = loginFlow(
  R.tap(dispatch('addHouse')), // use tap for side effects
  R.ifElse(
    R.pipe(R.length, R.gt(R.__, 1)), // result.length > 1
    R.tap(navigate('ListScreen')), // onTrue
    R.pipe( // onFalse
      R.tap(dispatch('pickHouse')),
      R.tap(navigate('DetailScreen')),
    ),
  ),
);

/* await */ flow();

/** UPDATES **/
const isXGreaterThan1 = R.gt(R.__, 1);
const isListLengthGreatherThanOne = R.pipe(R.length, isXGreaterThan1);

console.log(`is list.length > 1`, isListLengthGreatherThanOne([1, 2, 3]));
console.log(`is list.length > 1`, isListLengthGreatherThanOne([1]));
console.log(`is list.length > 1`, isListLengthGreatherThanOne([]));

<script src="https://cdnjs.cloudflare.com/ajax/libs/ramda/0.26.1/ramda.js"></script>