今天在用 redux 中的 createStore 的时候，我去 github 上瞅了一眼 api，其中 enhancer “增强” 这个第三参数吸引了我的注意。我只知道通过第三参数 applyMiddleware 来实现一个异步功能，增强 dispatch 的操作能力。至于里面的实现过程，还真没好好研究。
enhancer 的结构分析
我把 redux 中 createStore 的源码看了看，里面关于 enhancer 的处理不多，内容如下：
在 createStore 函数中，有关 enhancer 的代码就这么多，大致意思就是判断 enhancer 是否存在，是否是函数，并且对于 enhancer 的要求还必须返回一个函数。
因此我把 enhancer 的大致结构写出来如下：
enhancer 的目的
当分析出 enhancer 的结构后，它里面的内容是什么，它的目的是什么呢。这里我们主要参考它前面的 return。
也就是说，当我们传入第三个参数的时候，代码执行到这里就结束了，但是 createStore 要的是 store 对象，于是我们知道了 enhancer 返回的依然是一个 store 对象，只是这个 store 对象是增强后的 store。所以，新的 enhancer 结构如下：
这样还不行，因为它返回的 store 和没有传入 enhancer 的 store 是一样的，到底增强的东西在哪？所以我马上想到了 dispatch ，它执行的时候有两种形式，第一形式参数 action 是对象，第二形式参数 action 是函数，所以改了下代码：
所以 enhancer 的目的就是增加 dispatch 的功能。比如我们遇到异步代码，就可以传入 enhancer 了。
我们把写好的 enhancer 传入 createStore 中，在 dispatch 中传入了一个函数，里面有异步代码。这样 enhancer 就增强了 dispatch 的功能。记住 enhancer 是需要我们手动实现，不是官方提供的，官方只告诉我们内部结构。
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用？
- 本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了？
- 找不到素材资源介绍文章里的示例图片？
- 模板不会安装或需要功能定制以及二次开发？
发表评论
还没有评论，快来抢沙发吧！