面试题：JavaScript生成器异常处理与异步操作结合

1. 代码示例

function asyncOperation1() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve('Operation 1 completed');
        }, 1000);
    });
}

function asyncOperation2() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            reject(new Error('Operation 2 failed'));
        }, 1500);
    });
}

function asyncOperation3() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve('Operation 3 completed');
        }, 2000);
    });
}

function* asyncFlow() {
    try {
        const result1 = yield asyncOperation1();
        console.log(result1);
        const result2 = yield asyncOperation2();
        console.log(result2);
        const result3 = yield asyncOperation3();
        console.log(result3);
    } catch (error) {
        console.error('An error occurred:', error.message);
    }
}

const generator = asyncFlow();
let step = generator.next();

while (!step.done) {
    if (step.value && typeof step.value.then === 'function') {
        step.value.then((value) => {
            step = generator.next(value);
        }).catch((error) => {
            step = generator.throw(error);
        });
    } else {
        step = generator.next(step.value);
    }
}

2. 异常处理机制分析

优点

集中处理：通过在生成器函数内部使用try...catch块，可以在一个地方集中处理所有异步操作可能抛出的异常。这使得代码结构更加清晰，维护起来更加方便。例如，在上述代码中，无论是asyncOperation1、asyncOperation2还是asyncOperation3出现异常，都能在catch块中统一处理。
流程控制清晰：生成器的yield关键字使得异步操作的顺序一目了然。即使在多个异步操作嵌套的复杂场景下，也能清晰地看出操作的先后顺序，并且异常处理逻辑与流程控制紧密结合。
兼容性好：这种方式可以兼容多种异步操作方式，不仅限于Promise，还可以与async/await等其他异步处理方式混合使用。

缺点

额外的代码复杂度：相较于简单的async/await链式调用，使用生成器控制异步流程并处理异常需要更多的样板代码。例如，需要手动管理生成器的next和throw方法，这增加了代码编写和理解的难度。
调试难度增加：由于生成器的执行机制相对复杂，异常发生时的调用栈可能不够直观，使得调试过程变得更加困难。在复杂的异步流程中，定位异常来源可能需要花费更多的时间和精力。

星途面试题库

面试题：JavaScript生成器异常处理与异步操作结合

知识考点

面试题答案

1. 代码示例

2. 异常处理机制分析

优点

缺点