TypeScript异步编程：如何让async方法返回Promise及await疑问

嘿，我来帮你理清这些关于TypeScript异步编程的疑问，尤其是async/await和Promise的关系～

一、你的run方法已经满足返回Promise的要求！ #

首先要明确一个核心规则：所有标记了async关键字的函数，无论内部返回什么值，最终都会自动包装成Promise返回。

看你的代码：

public async run(): Promise<IMyType> { 
  log.info("Running item1 ..."); 
  let result: IMyType = { name: "name1", outcome: undefined, message: "", various: {} }; 
  result = await this.runCheck(result); 
  if (result.outcome) { 
    result.message = this.successMessage; 
  } else { 
    result.message = this.failMessage; 
  } 
  return result; 
}

你已经给run方法指定了返回类型Promise<IMyType>，而因为它是async函数，TypeScript会自动把你return的IMyType对象包装成Promise<IMyType>，完全符合要求。所以你不需要修改run方法的结构，它已经是正确返回Promise的状态了。

二、关于await的两个关键疑问 #

1. await会把Promise转换成实际值吗？ #

是的！await的核心作用就是等待Promise完成，并将其resolve的结果解包出来。

比如this.runCheck(result)返回的是Promise<IMyType>，当你写result = await this.runCheck(result)时：

• 函数会暂停执行，直到runCheck的Promise成功resolve；
• 之后await会把Promise里包裹的IMyType对象取出来，赋值给result变量。

这就是为什么你得到的result是IMyType类型，而不是Promise类型。

2. 为什么不用.then()也能获取结果？ #

async/await本质是Promise的语法糖，它把.then()的嵌套逻辑转换成了更直观的线性写法。

举个例子，把你的代码用原始Promise的.then()写法改写，会是这样：

public run(): Promise<IMyType> { 
  log.info("Running item1 ..."); 
  let result: IMyType = { name: "name1", outcome: undefined, message: "", various: {} }; 
  return this.runCheck(result)
    .then(resolvedResult => {
      result = resolvedResult;
      if (result.outcome) {
        result.message = this.successMessage;
      } else {
        result.message = this.failMessage;
      }
      return result;
    });
}

对比就能发现，await帮你省去了手动写.then()的嵌套，让异步代码看起来和同步代码一样好读，逻辑更清晰。

一个小笔误提醒 #

你代码里的runCheck方法返回类型写错啦：

private async runCheck( result: IMyType ): Promise<IMyTypet>

应该改成Promise<IMyType>，不然TypeScript会报错找不到IMyTypet这个类型哦。

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