Redux的核心思想是通过单一状态树集中管理应用状态，所有状态变更必须通过reducer纯函数处理；state不可变，每次更新返回新对象；action描述变更意图，dispatch触发action后reducer计算新state；store提供getState、dispatch和subscribe方法，维护状态并通知更新；中间件如redux-thunk扩展dispatch支持异步操作，实现可预测的状态管理。
Redux 的核心思想是将应用的所有状态集中存储在一个全局的、单一的状态树中，通过明确的规则来管理状态的变更。它不依赖于任何框架，但最常用于 React 应用中。理解 Redux 的原理，有助于我们更好地掌握前端状态管理的本质。
1. 单一状态树（Store）
Redux 将整个应用的状态保存在一个 JavaScript 对象中，这个对象称为 store。所有组件都可以访问这个 store，避免了层层传递 props 的麻烦。
store 有以下几个关键特性：
- 整个应用只有一个 store 实例
- state 是只读的，不能直接修改
- 状态变更必须通过纯函数（reducer）来完成
2. 状态不可变性与 reducer
Redux 要求 state 是不可变的。每次状态更新都必须返回一个新的 state 对象，而不是修改原有对象。这是为了保证状态变化可预测、可追踪。
立即学习“Java免费学习笔记（深入）”；
reducer 是一个纯函数，接收两个参数：当前的 state 和一个描述“发生了什么”的 action，返回新的 state。
示例：
function counterReducer(state = { count: 0 }, action) {
switch (action.type) {
case 'INCREMENT':
return { ...state, count: state.count + 1 };
case 'DECREMENT':
return { ...state, count: state.count - 1 };
default:
return state;
}
}
注意：reducer 必须是纯函数，不能有副作用（如 API 调用、修改参数等）。
3. Action 与 dispatch
action 是一个普通的 JavaScript 对象，用来描述状态变更的意图。它必须包含一个 type 字段，表示动作类型。
- 例如：{ type: 'INCREMENT' }
- 也可以携带额外数据：{ type: 'SET_NAME', payload: 'Alice' }
要触发状态变更，需要调用 store 的 dispatch 方法：
store.dispatch({ type: 'INCREMENT' });
dispatch 接收 action 后，会将其传给 reducer，reducer 根据 type 计算出新 state，store 更新并通知监听器。
4. Store 的实现机制
Redux 的 store 是通过 createStore 函数创建的。其内部维护着当前 state，并提供 getState、dispatch、subscribe 等方法。
简化版 createStore 实现：
function createStore(reducer) {
let state;
let listeners = [];
function getState() {
return state;
}
function dispatch(action) {
state = reducer(state, action);
listeners.forEach(listener => listener());
}
function subscribe(listener) {
listeners.push(listener);
return () => {
listeners = listeners.filter(l => l !== listener);
};
}
// 初始化 state
dispatch({ type: '@@redux/INIT' });
return { getState, dispatch, subscribe };
}
这就是 Redux 最核心的运行机制：通过 dispatch 触发 reducer，生成新 state，并通知所有订阅者更新。
5. 中间件与异步处理
默认情况下，Redux 只支持同步操作。如果需要处理异步逻辑（如网络请求），就需要引入中间件。
常见的中间件有 redux-thunk、redux-saga、redux-observable 等。
以 redux-thunk 为例，它允许 dispatch 函数形式的 action：
const fetchUser = () => {
return async (dispatch) => {
dispatch({ type: 'FETCH_USER_START' });
const user = await api.getUser();
dispatch({ type: 'FETCH_USER_SUCCESS', payload: user });
};
};
中间件本质上是对 dispatch 的增强，可以在 action 发出前后插入自定义逻辑。
基本上就这些。Redux 的设计哲学是“可预测的状态管理”，通过限制状态变更的方式，使调试、测试和时间旅行变得可能。虽然现代 React 更倾向于使用 useReducer 和 Context 或更轻量的 Zustand 等工具，但理解 Redux 原理依然对构建大型应用很有帮助。
