Redux Bundler示例中doUpdateUser语法解析请求

我来帮你拆解这个Redux Bundler里的doUpdateUser方法，这个语法是Redux Bundler专门设计的依赖注入式action creator，和普通Redux thunk逻辑类似但更灵活：

1. 双层箭头函数的结构意义 #

先聚焦doUpdateUser的核心定义：

doUpdateUser: (userId, attrs) => ({ dispatch, apiFetch }) => { 
  // 函数执行逻辑
}

这是一个柯里化函数，分成两层各司其职：

• 第一层(userId, attrs)：接收你的业务参数——也就是要更新的用户ID和具体更新属性，这部分是你调用方法时手动传入的（比如store.doUpdateUser(123, { isActive: true })）。
• 第二层({ dispatch, apiFetch })：这是Redux Bundler自动注入的依赖参数，完全不需要你手动传递。

2. dispatch和apiFetch的来源 #

• dispatch：就是Redux核心的dispatch函数，用来向store发送action以更新state。Redux Bundler在把do开头的方法绑定到store实例时，会自动把store内置的dispatch注入进来。
• apiFetch：这是Redux Bundler提供的（或你配置store时自定义的）封装版API请求工具，它帮你处理了基础配置（比如baseURL、请求头、通用错误处理等），本质是对原生fetch或其他HTTP库的封装。同样由Redux Bundler自动注入到函数中。

3. 函数体内的执行时机 #

当你调用store.doUpdateUser(userId, attrs)时，整个执行流程是这样的：

1. 首先执行第一层函数，传入userId和attrs，这一步只是暂存业务参数，返回一个新的待执行函数。
2. Redux Bundler会自动触发这个返回的函数，并把dispatch和apiFetch注入进去。
3. 函数体开始按顺序执行：
   • 先dispatch({ type: 'USER_UPDATE_STARTED' })：通知store“用户更新操作开始”，通常用来更新state里的加载状态（比如显示loading动画）。
   • 调用apiFetch发起PUT请求，提交用户更新数据。
   • 请求成功时，dispatch({ type: 'USER_UPDATE_FINISHED' })：通知store更新完成，同步最新用户数据并清除加载状态。
   • 请求失败时，dispatch({ type: 'USER_UPDATE_FAILED' })：通知store更新失败，处理错误状态（比如显示错误提示）。

补充：Redux Bundler对do开头方法的特殊处理 #

Redux Bundler会自动识别所有以do开头的方法，将它们绑定到store实例上（就像你在init方法里看到的store.doUpdateUser()）。绑定后的方法会自动处理依赖注入，你只需要传入业务参数即可，完全不用操心dispatch和apiFetch的传递问题。

内容的提问来源于stack exchange，提问作者zakariah1