使用生成器的非递归异步实现

Question

我正在研究 javascript 生成器，我发现这个实现使用递归函数模拟 async-await 的效果。我想知道我们是否可以实现类似但非递归的东西？我努力了很长时间，但无法找到可行的解决方案。

function sum(...args) {
    let total = 0;
    return new Promise(function (resolve, reject) {
        setTimeout(function () {
            for (const arg of args) {
                if (typeof arg !== 'number') {
                    reject(`Invalid argument: ${arg}`);
                }
                total += arg;
            }
            resolve(total);
        }, 500);
    });
}

function recursiveAsync(gen, result) {
    const obj = gen.next(result);
    if (obj.done) return;
    obj.value.then(function (result) {
        recursiveAsync(gen, result);
    });
}

function async(genFn) {
    const gen = genFn();
    recursiveAsync(gen);
}

async(function* () {
    const a = yield sum(1, 3, 5);
    console.log(a);
    const b = yield sum(2, 4);
    console.log(b);
    const result = yield sum(a, b);
    console.log(result);
});

Answer 1

不，你不能迭代地做到这一点。

请注意，“递归”调用实际上并不是递归的，而是异步 .then() 回调再次调用该函数 - 回调不是由函数直接调用的，它是由 promise 调度的。调用堆栈没有增长。

使用生成器的非递归异步实现

non recursive async implementation with generators

javascript

generator

promise

async-await