TypeScript 类型 'Promise<void | Object>' 不可分配给 Promise.then() 上的类型 'Promise<Object>'

Question

我目前正在尝试实现以 base64 格式缓存文档的服务。我希望这个服务从 sessionStorage 中获取文档，如果 sessionStorage 中没有文档，则从 IRequestService 中获取它，然后将其保存到 sessionStorage。我尝试了这种方法，但出现类型错误

Type 'Promise<void | GetDocumentResult>' is not assignable to type 'Promise<GetDocumentResult>'.

代码如下所示：

getDocument(requestId: string, documentId: DocumentID, requestService: IRequestService): Promise<GetDocumentResult> {
    if (this.storageKey in sessionStorage) {
      const documentsMap: Map<DocumentID, GetDocumentResult> = new Map(JSON.parse(sessionStorage.getItem(this.storageKey)!))
      if (documentsMap.get(documentId) !== undefined) {
        return new Promise(resolve => resolve(documentsMap.get(documentId)!))
      }
    }

    return requestService.getDocument(requestId, documentId)
      .then(value => {this.setDocument(documentId, value)})
}

我期待 Promise.then 的返回类型是 Promise，但由于某种我不明白的原因，它是 Promise

有人知道为什么会这样吗？

谢谢

Answer 1

如前所述，您的 then 回调确实返回 void 而不是结果。你在寻找

getDocument(requestId: string, documentId: DocumentID, requestService: IRequestService): Promise<GetDocumentResult> {
  if (this.storageKey in sessionStorage) {
    const documentsMap: Map<DocumentID, GetDocumentResult> = new Map(JSON.parse(sessionStorage.getItem(this.storageKey)!));
    const document = documentsMap.get(documentId);
    if (document !== undefined) {
      return Promise.resolve(document);
    }
  }

  return requestService.getDocument(requestId, documentId).then(value => {
    this.setDocument(documentId, value);
    return value;
//  ^^^^^^^^^^^^
  });
}

顺便说一句，我建议将缓存查找和存储 (setDocument?) 提取到单独的服务中，并让该服务将 documentsMap 保存在内存中，而不是每次调用 getDocument 时都解析 JSON。

Answer 2

您很可能遇到问题，因为您没有在 .then()

中返回任何内容

这里：

 .then(value => {this.setDocument(documentId, value)})

这使您返回的类型为Promise<void> 而不是Promise<GetDocumentResult>

最终版本应该是这样的：

getDocument(requestId: string, documentId: DocumentID, requestService: IRequestService): Promise<GetDocumentResult> {
    if (this.storageKey in sessionStorage) {
      const documentsMap: Map<DocumentID, GetDocumentResult> = new Map(JSON.parse(sessionStorage.getItem(this.storageKey)!))
      if (documentsMap.get(documentId) !== undefined) {
        return new Promise(resolve => resolve(documentsMap.get(documentId)!))
      }
    }

    return requestService.getDocument(requestId, documentId)
      .then(value => { return this.setDocument(documentId, value)})
}