如何实现TypeScript两方法同步调用？Stage2需等Stage1执行完成

问题核心在于你原来的Stage1和Stage2内部包含异步HTTP请求，但这两个方法本身是同步函数——即使你给Main加上async/await，await同步函数会立即执行完毕，不会等待内部的异步请求完成。要实现顺序执行，需要做以下修改：

1. 将Stage1和Stage2改为异步函数，并等待内部所有HTTP请求完成

   • 给方法标记async，让它们返回Promise
   • 循环中的多个HTTP请求需要用Promise.all等待全部完成，确保整个阶段的异步操作都结束后再执行后续代码

2. 修改Main方法，用await依次调用两个阶段

修改后的完整代码 #

export class MyService {
    private async Stage1(N: number) {
        console.log('-->Stage1');
        const requestPromises: Promise<any>[] = [];
        for (let i = 0; i < N; i++) {
            // 替换为你的实际HTTP请求（比如fetch、HttpClient.get等）
            // 每个请求返回的Promise加入数组
            requestPromises.push(fetch(`/api/your-endpoint-${i}`));
        }
        // 等待所有HTTP请求完成
        await Promise.all(requestPromises);
        console.log('<--Stage1');
    }

    private async Stage2(N: number) {
        console.log('-->Stage2');
        const requestPromises: Promise<any>[] = [];
        for (let i = 0; i < N; i++) {
            requestPromises.push(fetch(`/api/another-endpoint-${i}`));
        }
        await Promise.all(requestPromises);
        console.log('<--Stage2');
    }

    public async Main() {
        await this.Stage1(5);
        await this.Stage2(7);
    }
}

关键说明 #

• Promise.all会等待数组中所有Promise都resolve后才继续执行，确保Stage1的所有HTTP请求都完成后才打印<--Stage1并进入Stage2
• 只有当方法返回Promise时，await才能起到等待异步操作完成的作用，所以必须给Stage1和Stage2加上async（或者手动返回Promise）

内容的提问来源于stack exchange，提问作者Zvi Vered