美文网首页
redux 中间件的实现原理初探

redux 中间件的实现原理初探

作者: pgf | 来源:发表于2016-10-10 23:17 被阅读0次

最近在了解react+redux的开发方式,感觉redux的代码组织方式有点散,reducer和action一般是相互独立开来写的,如果项目大一点会有多个子reducer再合并成一个rootReducer,如果你要在redux里面实现异步获取数据,还得引入中间件。

为了搞清中间件与store的猫腻,我翻看了一下redux对这一块的实现代码,现把理解的给大家做个分享,希望能对大家有所帮助。

store是通过createStore来创建的,createStore方法可以接受三个参数,参数一:reducer函数;参数二:initState;参数三:中间件函数(注当没有传initState时,这个参数可以变为参数二)。参数一是必须的,其它的都是可选参数。

中间件都会通过applyMiddleware函数加工一下,applyMiddleware这是一个高阶函数,它会生成一个接受createStore函数的中间件函数,把生成的中间件函数做为createStore的第二或第三参数传到createStore里,createStore函数检测到有中间件函数后会把自身做为参数传给中间件函数并执行后得到新的createStore函数,这个过程主要是为了实现对原来createStore函数生成的dispatch方法的再包装,给他赋予了中件函数要实现的能力,然后用新的createStore取代原来的createStore继续执行

所以中间件主要的作用就是为了改变或者说加强原来的store.dispatch方法的功能。

以上是我最近学习的一些心得,如果有什么地方说得不到位,欢迎给予指正

相关文章

  • redux 中间件的实现原理初探

    最近在了解react+redux的开发方式,感觉redux的代码组织方式有点散,reducer和action一般是...

  • react 面试

    react redux (所有数据都放入redux管理) 1、redux中间件原理(middleware) 中间件...

  • Redux 中间件源码清源

    网上的Redux中间件原理解释多有疏漏,譬如我在多篇blog上看到Redux中间件解释以及Redux中间件深入浅出...

  • redux源码解读

    Redux API 总览 浅谈redux 中间件的原理 原文 在 Redux 的源码目录 src/,我们可以看到如...

  • 20行代码实现redux,50行代码实现react-redux

    redux的简陋版实现 简单实现了下redux,帮助理解redux的原理: 实现了redux的createStor...

  • react面试精讲

    redux中间件的原理是什么?答:改装dispatch。是action到store中间,所以叫中间件。 你会把数据...

  • redux中间件原理及实现

    最近看跟react相关库的源码,越来越发现里面中间件机制的特别重要,各种类库都是基于此封装的功能,比如redux简...

  • redux中间件applyMiddle实现原理

    m1 m2代表中间件,手写调用dispatch方法即m1(m2(dispatch))({action:1})通过a...

  • 【React.js 19】React进阶-02

    我又膨胀了,现在打算写一写Redux的原理了... Redux原理 这里我们先讲redux最简单实现。空讲原理,不...

  • redux

    redux原理 实现一个store;

网友评论

      本文标题:redux 中间件的实现原理初探

      本文链接:https://www.haomeiwen.com/subject/qmaydttx.html