React学习手册

202

｜

第

8

章

compose

函数

Redux

还配备了一个

compose

函数，用户可以通过它将若干函数合成单个函数。

它和我们在第

3

章介绍的

compose

函数类似，不过功能更健壮。此外，它是按照从

右到左的顺序合成函数的，而不是从左到右。

如果我们只想获得一个逗号分隔的颜色列表，我们使用一行代码就能达到此目

的：

console.log(store.getState().colors.map(c=>c.title).join(" , "))

一个更具函数式风格的方法是将上述内容分解成若干小型的函数，然后将它们合

成单个函数：

import { compose } from 'redux'

const print = compose(

list => console.log(list),

titles => titles.join(" , "),

map => map(c=>c.title),

colors => colors.map.bind(colors),

state => state.colors

)

print(store.getState())

这个

compose

函数会接收若干函数作为参数，然后从最右端开始顺次调用这些函

数。首先，它会从

State

中获得若干颜色，然后返回一个

bound

映射函数，随后是

一个颜色标题的数组，并使用逗号分隔列表的形式将它们连接起来，最后在控制

台上输出。

中间件

如果读者曾经使用过服务端框架，比如

Express

、

Sinatra

、

Django

、