Compose 是什么？如何使用 Compose 函数？

compose是不是可以这样理解

compose 是一个可以用于函数组合的工具函数，它的作用是将多个函数组合成一个函数。

举个例子，我们有两个函数 addOne 和 multiplyByTwo，它们分别实现加一和乘以二这两个操作。我们可以使用 compose 函数将这两个函数组合成一个新的函数 addOneThenMultiplyByTwo，这个函数的功能是先加一然后再乘以二。

const addOne = (x) => x + 1;
const multiplyByTwo = (x) => x * 2;
const addOneThenMultiplyByTwo = compose(multiplyByTwo, addOne);

console.log(addOneThenMultiplyByTwo(5)); // 12

在上面的例子中，compose 函数将 multiplyByTwo 和 addOne 两个函数组合成了一个新的函数 addOneThenMultiplyByTwo。这个函数的功能是先调用 addOne 函数将输入值加一，然后再调用 multiplyByTwo 函数将结果值乘以二。

compose 函数的实现很简单，它接收两个函数作为参数，并将这两个函数组合成一个新的函数。这个新函数的功能是先调用第一个函数，然后再调用第二个函数，并将第一个函数的返回值作为第二个函数的参数。

const compose = (f, g) => (x) => f(g(x));

理解 reducer 下的 compose

在 Redux 中，reducer 是一个函数，它接收一个 state 和一个 action 作为参数，并返回一个新的 state。reducer 是 Redux 的核心，它负责处理 state 的变化。

在 Redux 中，我们可以使用 compose 函数将多个 reducer 组合成一个 reducer。这可以使我们的代码更加模块化和易于维护。

举个例子，我们有两个 reducer addTodo 和 toggleTodo，它们分别实现添加待办事项和切换待办事项完成状态这两个操作。我们可以使用 compose 函数将这两个 reducer 组合成一个新的 reducer todoReducer，这个 reducer 的功能是先调用 addTodo reducer 添加待办事项，然后再调用 toggleTodo reducer 切换待办事项完成状态。

const addTodo = (state, action) => {
  return [
    ...state,
    {
      id: action.id,
      text: action.text,
      completed: false,
    },
  ];
};

const toggleTodo = (state, action) => {
  return state.map((todo) => {
    if (todo.id === action.id) {
      return {
        ...todo,
        completed: !todo.completed,
      };
    }

    return todo;
  });
};

const todoReducer = compose(toggleTodo, addTodo);

在上面的例子中，compose 函数将 toggleTodo 和 addTodo 两个 reducer 组合成了一个新的 reducer todoReducer。这个 reducer 的功能是先调用 addTodo reducer 添加待办事项，然后再调用 toggleTodo reducer 切换待办事项完成状态。

compose 函数是一个非常有用的工具函数，它可以用于函数组合和 reducer 组合。使用 compose 函数可以使我们的代码更加模块化和易于维护。