关于redux源码的一些理解

qwl_ch

于 2019-08-02 11:17:22 发布

阅读量148

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qwl_ch/article/details/98183022

本文深入探讨了Redux中的applyMiddleware函数作用，包括整合getState和dispatch，为中间件提供这些方法，创建增强版dispatch，使其能接收函数而非仅限于对象。同时，提供了经典Redux源码解析的文章链接及redux-devtools的使用指南。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

applyMiddleware代码的作用：增强器通常都使用这样的模式，将store上某个函数的引用存下来，给这个函数一个新的实现，但是在完成增强功能之后，还是要调用原有的函数，保持原有的功能。

1：将getState, dispatch整合出来

2：让每个中间件都有这两个方法

3：组合出一个增强版的dispatch(让dispatch可以接收一个函数而不仅仅是一个对象)

function (action) { // 这就是增强后可以接收function 或者 object的主要代码
    if (typeof action === 'function') {
      return action(dispatch, getState, extraArgument);
    }
    //next为之前传入的store.dispatch,即改写前的dispatch
    return next(action);
};

4: 返回一个新的包含增强dispatch的store对象

比较经典的redux源码解析文章

https://github.com/WisestCoder/blog/issues/1

https://juejin.im/post/5b035c0c51882565bd258f12

redux-devtools使用

https://juejin.im/post/5c0e08dae51d4504bc5e3e44