函数在异步回调的if语句执行完毕前提前退出，如何解决？

你的问题核心是**this.channel.history是异步方法**，它的回调函数不会立即执行——主线程会先跳过回调逻辑，直接执行后面的console.log('EXIT FUNCTION')和return this.messages，所以函数会在回调里的if判断完成前就退出，返回的也是未更新的this.messages值。

你之前尝试用async/await但没生效，是因为await只能等待Promise对象，而原代码里的this.channel.history是基于回调的异步方法，并非Promise，所以await起不到等待作用。

解决方案：把回调封装成Promise，配合async/await使用 #

修改代码如下：

public async getHistory(): Promise<any> {
  console.log('ENTER FUNC');
  try {
    const resultPage = await new Promise((resolve, reject) => {
      this.channel.history((err: ErrorEvent, resultPage: any) => {
        if (err) {
          console.log(err.message);
          reject(err);
        } else {
          resolve(resultPage);
        }
      });
    });
    this.messages = resultPage.items;
    console.log('EXIT IF');
    console.log('EXIT FUNCTION');
    return this.messages;
  } catch (err) {
    console.log((err as ErrorEvent).message);
    console.log('EXIT FUNCTION');
    throw err; // 可根据业务需求决定是否抛出错误
  }
}

代码说明： #

1. 用new Promise把基于回调的this.channel.history包装成Promise对象，成功时调用resolve传递结果，失败时调用reject传递错误。
2. 函数标记为async，用await等待这个Promise完成，确保回调里的逻辑执行完毕后，才会继续执行后续代码。
3. 将EXIT FUNCTION放在await之后，保证它在if逻辑完成后才执行，函数也会等待所有异步逻辑结束后再返回结果。

调用方式： #

调用该函数时，需要用await或者.then()来获取结果：

// 在async函数内调用
const history = await this.getHistory();

// 或者用.then()链式调用
this.getHistory().then(history => {
  // 处理获取到的历史数据
}).catch(err => {
  // 处理错误
});

内容的提问来源于stack exchange，提问作者Henrique P. Lima