如何在 Redux 中间件中实现多任务处理

Question

由于抢占式多任务处理在浏览器中不可用，并且JavaScript本质上是单线程的，像redux-saga这样的Redux中间件如何处理不是为协作式多任务而设计的无限循环，而不会触发长时间运行的脚本对话框？

function* watchSaga() {
    while (true) {
        yield take(SOME_REQUEST);
        // do something 
    }
}

编辑

我的说法"不是为协作式多任务处理而设计的"是错误的。生成器函数的代码仅在第一个 yield 表达式之前执行。

Answer 1

虽然这不是

一个无限循环，它是一个生成器 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators。

yield 关键字退出函数，

但其状态（包括上次执行的行）将一直保留到下次调用函数时，当它在最后一个执行的行之后的语句处重新启动时，直到它再次看到 yield 关键字。

Answer 2

yield确实是关键，因为它产生控制，暂停当前生成器函数并向其返回值。

一个简单的例子：

function* counter() {
  console.log('Running generator to first yield point');
  var x = 0;
  do {
    console.log('About to increment and yield control');
    yield ++x;
    console.log('Running counter to next yield point - x is currently', x);
  } while (true);
}
console.log('Instantiating generator');
var instance = counter();
console.log('Generator instantiated, calling for the first time');
console.log('The first entry in counter is', instance.next());
console.log('The second entry in counter is', instance.next());
console.log('The third entry in counter is', instance.next());
console.log('The program continues running');