承诺解决后打字稿返回布尔值答案

【问题标题】：Typescript returning boolean after promise resolved承诺解决后打字稿返回布尔值
【发布时间】：2018-01-21 15:38:09
【问题描述】：

我试图在 promise 解决后返回一个布尔值，但 typescript 给出错误提示

A 'get' accessor must return a value.

我的代码看起来像。

get tokenValid(): boolean {
    // Check if current time is past access token's expiration
    this.storage.get('expires_at').then((expiresAt) => {
      return Date.now() < expiresAt;
    }).catch((err) => { return false });
}

此代码用于 Ionic 3 应用程序，存储为 Ionic Storage 实例。

【问题讨论】：

你不能这样做......你可以通过返回this.storage.get...来返回Promise<boolean>。
你可能不应该对有副作用的东西使用吸气剂。
@ShaunLuttin 是的，这是更准确的描述。我使用“副作用”是因为 a）时间通常被认为是一个 b）我们确实不知道查询的作用（并且“发送请求”可能是一种改变各种东西的动作，至少在较低的水平）。
@user2473015 不，当它是异步的时，它必须返回一个布尔值的承诺。要使其成为一种方法，只需省略 get。
@user2473015 不，不可能让它同步。使用 async/await 语法只是 then 调用的糖 - 它仍然是异步的并返回一个承诺。

标签： javascript typescript es6-promise ionic3 ionic-storage

【解决方案1】：

您可以返回一个Promise，它解析为这样的布尔值：

get tokenValid(): Promise<boolean> {
  // |
  // |----- Note this additional return statement. 
  // v
  return this.storage.get('expires_at')
    .then((expiresAt) => {
      return Date.now() < expiresAt;
    })
    .catch((err) => {
      return false;
    });
}

您问题中的代码只有两个返回语句：一个在 Promise 的 then 处理程序内，一个在其 catch 处理程序内。我们在 tokenValid() 访问器中添加了第三个 return 语句，因为访问器也需要返回一些东西。

这是一个工作示例in the TypeScript playground：

class StorageManager { 

  // stub out storage for the demo
  private storage = {
    get: (prop: string): Promise<any> => { 
      return Promise.resolve(Date.now() + 86400000);
    }
  };

  get tokenValid(): Promise<boolean> {
    return this.storage.get('expires_at')
      .then((expiresAt) => {
        return Date.now() < expiresAt;
      })
      .catch((err) => {
        return false;
      });
  }
}

const manager = new StorageManager();
manager.tokenValid.then((result) => { 
  window.alert(result); // true
});

【讨论】：

@user2473015 恐怕我不知道在这个答案中要提供哪些额外信息。
考虑到 Promise 不是唯一可能的返回类型，这不会通过 tslint 测试。最好使用 Promise

【解决方案2】：

你的功能应该是：

get tokenValid(): Promise<Boolean> {
    return new Promise((resolve, reject) => {
      this.storage.get('expires_at')
        .then((expiresAt) => {
          resolve(Date.now() < expiresAt);
        })
        .catch((err) => {
          reject(false);
      });
 });
}

【讨论】：

你好，如果我把代码reject(false);改成reject(err)，可以得到false值吗？
不行，reject函数的参数必须和你的函数的返回类型一致。
好的，如果我们不使用resolve 或reject，可以吗？我的意思是我们只返回一个布尔值而不传递resolve 或reject。如果是，解决的建议是什么？
如您所见，我返回了新的 Promise 类，因此我需要调用解决或拒绝。如果您只想返回值 true 或 false，您只需编写： this.storage.get('expires_at') .then((expiresAt) => { return Date.now() { return false; });