JS 浅探async/await与generator生成器的同时使用

想要将async方法的执行进度传递给调用方，除了在函数体中，多次调用callback()回调外，是否可以使用ES6生成器来实现呢？

百度搜索介绍的都是async/await和generator的对比和单独使用方法的

我有个想法想将这两个特性同时结合进行使用，试着打了一下async function * test(){} 没有报错，因此便有以下尝试

尝试

// 延迟 1s，模拟异步事件
function timeout() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve();
        }, 1000);
    });
}
// async和生成器同时使用
async function * asyncGen(){
    yield 1; // 程序在yield处停止，等待调用next() 并返回一个对象{value: 1, done: false}
    console.log('.');
    await timeout();
    console.log('.');
    await timeout();
    console.log('.');
    yield 2;
    console.log('.');
    await timeout();
    console.log('.');
    yield 3;
}
// 执行入口
async function main () {
    let iterator = await asyncGen();
    let result;
    while(!(result = await iterator.next()).done){ // done属性标记生成器已执行成功
        console.log(result);
    }
}

main();

输出

实战猜想

调用一次next()就等于方法执行到了yield所在的进度，用于前端准确通知执行进度给用户。进度条，读卡器等等。