Redux 是一个用于管理 JavaScript 应用程序状态的可预测状态容器。Redux 的核心概念是 store、action 和 reducer，可以通过它们来实现状态的可预测性和变化的可控性。然而，在实际开发中，我们还需要解决一些复杂的问题，例如异步数据请求、处理多种场景下的副作用等，这就需要用到 Redux 中提供的高阶函数。
本文将介绍 Redux 中常用的高阶函数，包括 applyMiddleware 和 combineReducers，并讲解它们的使用方法和注意事项。
applyMiddleware
applyMiddleware 用于接收一系列中间件并返回一个新的 enhancedStore Creator。它的作用相当于增强了 Redux 中的 createStore 方法，使其支持中间件的使用。
所谓中间件，就是在执行 action 到达 reducer 之前或之后，对 dispatch 函数进行拦截和改写，从而实现某些特殊的功能。比如 Redux 中最常见的 redux-thunk 中间件，就允许我们派发一个返回函数的 action，即可以在 action 中执行异步数据请求操作。
使用方式：
import { createStore, applyMiddleware } from 'redux';
import thunkMiddleware from 'redux-thunk';
const store = createStore(reducer, applyMiddleware(thunkMiddleware));其中，reducer 是我们自己定义的纯函数，thunkMiddleware 是一个中间件函数，这里只是举个例子。applyMiddleware 的作用就是将 thunkMiddleware 和 createStore 结合起来，最终生成一个新的 enhancedStore Creator。
需要注意的是，中间件函数必须是符合规范的形式，比如：
const middleware = store => next => action => {
// do something here
return next(action);
}middleware 函数必须接收一个名为 store 的参数，该参数代表当前 redux store 对象；同时返回一个函数，这个函数又接收一个名为 next 的参数，即下一个中间件或原生的 dispatch 方法；最后返回一个最终的 action 值。这种形式被称为 curry 函数形式。
combineReducers
combineReducers 是 Redux 中用于合并多个 reducer 函数的辅助函数。它接收一个对象作为参数，该对象的属性指向各自负责管理的模块状态，值为相应的 reducer 函数。combineReducers 在 createStore 中被调用，用于创建初始化 state。
使用方式：
-- -------------------- ---- ------- ------ - --------------- - ---- -------- ------ ------------ ---- ------------------ ------ ----------- ---- ----------------- ----- ----------- - ----------------- ------ ------------- ----- ------------ --- ----- ----- - -------------------------
在这个例子中，我们定义了两个 reducer，loginReducer 和 cartReducer，它们分别管理登录状态和购物车状态。然后通过 combineReducers 将两个 reducer 合并成一个 rootReducer，并传入 createStore 初始化 store。
需要注意的是，combineReducers 返回的是一个新的 reducer 函数，并不是真正的合并。返回的 reducer 函数会将组合后的 state 对象分发给各自的 reducer，并收集他们的返回值，最后生成一个新的 state 树。
总结
本文介绍了 Redux 中常用的高阶函数 applyMiddleware 和 combineReducers，以及它们的使用方法和注意事项。applyMiddleware 主要负责中间件合成，使 dispatch 方法可以被拦截和改写；combineReducers 主要用于将多个 reducer 合并为一个 rootReducer，便于管理和跟踪状态树的变化。
在实际开发中，高阶函数是非常重要且常用的工具，掌握其使用方法不仅可以提高开发效率，还能让代码更加美观和可读。当然，在使用过程中也需要注意一些细节问题，比如 reducer 必须是纯函数、middleware 函数必
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651780bd95b1f8cacdfafa4a