惊！createStore 的第三个参数还有这个作用？

今天在用 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 是需要我们手动实现，不是官方提供的，官方只告诉我们内部结构。

推荐阅读：

Vue.use 经历了什么？

如何解决数组塌陷？

前端配置化平台——快速搞定活动页面

基于 Vue CLI 搭建脚手架。

H5 活动页面快速生成神器——Mocha

从理解 React 框架开始，开启金三银四面试之旅。

前端典型面试题：为什么 React 选择使用 JSX ？

尤雨溪 3 天 10 更的 Vite 究竟有什么魔力？

点个“在看”和“赞”吧，

毕竟我是要成为前端网红的人。