如何让ES6生成器等待promise，就像在重制传奇中一样？

Question

我读过发电机不会等待promise。为什么< code>redux-saga中的生成器不是这种情况，我如何让自己的生成器等待？

例如，这个故事：

takeLatest('FETCH_USER_REQUESTED', function*() {
  const fetchPromise = yield put(fetchUser());
  const user = yield fetchPromise;
  console.log(user)
  yield 1
  console.log(1)
})

将输出：

Promise
Object // <= user data fetched asynchronously
1

而不是：

Promise
undefined
1

Answer 1

为什么redux传奇中的发电机不是这样，我如何让自己的发电机等待？

然而，生成器本身与Promises或异步函数没有关系。生成器只是将一些资源和责任委托给上层函数来实现可中断功能。

在< code>redux-saga的情况下，有两个部分:独立的saga runner进程和调度程序(https://github . com/redux-saga/redux-saga/blob/master/src/internal/run saga . js)，它由< code > saga middleware . run()命令启动，以及< code>effects反应，它将操作委托给主saga进程。

因此，ES6中模拟redux-saga行为的最简单流程管理器将是这样的（非常简单）：

const ProcessManager = (() => {
let context = new WeakMap();
function PM(rootSaga, lastValue) {
    if(!context.has(rootSaga)) {
        context.set(rootSaga, rootSaga())
    }
    const iterator = context.get(rootSaga);
    const { done, value } = iterator.next(lastValue);
    if(done) {
        context.delete(rootSaga)
        return;
    }
    if(Promise.resolve(value) === value) {
        value.then((asyncValue) => PM(rootSaga, asyncValue))
    } else {
        PM(rootSaga, value)
    }
}
return PM;
})()

const rootSaga = function* () {
    yield new Promise(resolve => setTimeout(resolve, 500));
    console.log('This will be printed after 500 ms from start');
    yield new Promise(resolve => setTimeout(resolve, 500));
    console.log('This will be printed after 1000 ms from start');
}

ProcessManager(rootSaga);