Redux 中间件如何解决同步 / 异步代码冗余
Redux 中间件是 Redux 框架的一个非常重要的概念，它可以帮助 developers 解决同步 / 异步代码冗余的问题。
在开发中，我们经常需要向服务器请求数据或者执行某些 io 操作，这些操作都是异步的。通常情况下，Redux 中 store 更新的过程是同步的，即在 action 被 dispatch 后，store 立即进行更新。如果需要处理异步操作，就需要在 redux 中加入同异步处理的代码。
Redux 官方文档提供了 redux-thunk 中间件作为异步操作的一种方案，它可以让 action 创建器返回一个函数代替一个动作对象。这个函数可以在任意时间点执行异步操作，并 dispatch 一个普通的 action。这样就解决了同步 / 异步代码冗余的问题，从而提高了redux开发效率。下面是一个简单实例：
-- -------------------- ---- -------
-- ------ ----
----- ------------------ - ---------------------
----- ------------------ - ---------------------
----- ---------------- - -------------------
-- ---- ------ -------
----- ----------- - -- -- --
----- ------------------
---
----- ----------- - ------- -- --
----- -------------------
-------
---
----- --------- - ----- -- --
----- -----------------
-------- -----
---
-- ---- ------ -------
----- ---------- - -- -- -------- -- -
------------------------
------ ------------------
--------- -- -
--------------------------------
--
---------- -- -
-------------------------
---
--通过上面的实例可以看出，我们可以将异步操作抽象成一个函数，并使用如下三个同步 action Creator 进行更新。这样不但让代码逻辑更为清晰，也避免了在 Component 中写一些庞杂的更新操作，逻辑清晰更有针对性，还可以减少组件的耦合程度。
需要注意的是，redux-thunk 只是一个例子，实际项目中可能会用到其他的实现方式。但重要的是，我们应该要理解中间件的作用，以确保能在 redux 中更好的处理异步操作。
指导意义
Redux 中间件可以帮助 developers 高效、准确、便捷的处理各类操作，在实际项目中发挥着重要的作用。同时，中间件也需要与其他部分配合得当，才能使项目更加健康、高效。对于一个成熟的全栈工程师，深入了解 Redux 中间件的特点、各类实现方式及使用场景，是非常必要的。
结论
在同步/ 异步的操作中， Redux 中间件扮演着重要的角色。通过中间件，我们可以将异步操作封装成函数，实现更好的可维护和可读性，避免了在 Component 中编写处理异步操作时的代码冗余；同时还可以提高项目的开发效率，减少与接口调用相关的问题出现。因此，我们应该在项目中合理使用 Redux 中间件，达到最好的效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/676d8f6a82fcee791c689ae8