redux-saga和redux-thunk的区别与应用场景

redux-saga和redux-thunk是两种常用的Redux中间件，用于处理异步操作和副作用

redux-saga:

redux-saga在store的index文件中创建saga中间件连接到store，saga中间件可以监控派发action,如果有action.type值与监控的变量一致，则执行该函数的内容，在这个函数中也可以再派发一个新的action

redux-thunk:

redux-thunk相当于是基于store的升级，一般情况，我们传给store的action是一个对象，但是通过redux-thunk中间件，我们可以把部分的业务逻辑（异步请求）等放在action中进行处理。当store接收到函数类型的action，redux-thunk会执行该函数，并传入参数dispatch，当函数内部的逻辑执行完成后，会再次派发一个action继续向下执行。

区别：

• redux-thunk：redux-thunk是一个简单的中间件，它允许action创建函数返回一个函数而不是一个普通的JavaScript对象。这个返回的函数可以进行异步操作，并在适当的时候触发同步action来更新应用的状态。redux-thunk使用了闭包来访问dispatch和getState函数，以便在异步操作中进行状态更新。
• redux-saga：redux-saga是一个强大的中间件，它使用了ES6的Generator函数来处理异步操作和副作用。通过使用Generator函数，redux-saga可以编写可读性高、可测试性强的异步代码。redux-saga使用了一种称为"effect"的概念来描述异步操作，例如发起网络请求、监听事件等。它通过监听Redux的action来触发和处理这些异步操作。

使用场景：

• redux-thunk：redux-thunk适用于简单的异步操作场景，例如发送网络请求、获取数据等。它的使用相对简单，适合于小型项目或初学者。如果你只需要处理一些简单的异步操作，并且不需要复杂的控制流程，redux-thunk是一个不错的选择。
• redux-saga：redux-saga适用于复杂的异步操作场景，例如处理多个并发请求、处理复杂的异步流程等。它提供了更强大的控制流程和错误处理机制，可以更好地管理异步操作的顺序和并发。redux-saga的学习曲线可能较陡峭，但它提供了更多的灵活性和可扩展性。