如何在打字稿的异步/等待函数中获取承诺的价值？

Question

我有以下代码：

export class AuthService {

  private key:string = "";

  constructor(private storage: Storage) {

  }

  private async getKey() {
    let response = await this.storage.get('key');
    return response;
  }

  public init() {
    this.key = this.getKey();
  }
}

但我收到以下错误：type promise any is not assignable to type string，问题出在 getKey() 的返回上。

我想将 this.key 的值设置为存储在 Storage 中的值，我知道我可以使用：

this.storage.get('key').then((val) => { this.key = val });

但我想以同步方式进行。

非常感谢

Answer 1

key 是一个字符串。 getKey 和所有 async 函数的返回值是一个承诺。正如 TypeScript 告诉你的那样，你不能将承诺分配给字符串。相反，您必须等待承诺（使用then）并将承诺的值分配给key。所以：

export class AuthService {

  private key:string = "";

  constructor(private storage: Storage) {

  }

  private async getKey() {
    let response = await this.storage.get('key');
    return response;
  }

  public init() {
    this.getKey().then(key => this.key = key);
  }
}

或者，您可以将 init 本身设为异步函数：

public async init() {
  this.key = await this.getKey();
}

当然，this.key 在this.getKey() 解析之前仍不会被填充，而在this.storage.get 解析之前不会填充。

在许多情况下，最好直接在模板中“解包”promise，使用async 管道：

export class AuthService {

  public key: Promise<string>;

  constructor(private storage: Storage) { }

  ngOnInit() { this.key = this.storage.get('key'); }
}

// template

The key is {{key | async}}

但我想以同步方式进行。

你不能。除了时间机器之外，没有办法将异步的东西变成同步的东西。如果将来有什么事情要发生——无论是 100 毫秒，还是 100 年——你必须等待它。无论您等待promise.then() 或await 的承诺，都是如此。 await 不会神奇地将未来转变为现在。它只是一种语法糖，允许您以看起来同步的方式编写代码，后续逻辑直接位于 await 之后，而不是在 then 处理程序中。