Question

也许以下内容可以按原样工作，但我不确定这是否是正确的实现，以防止在运行时出现任何可能的问题。

具有：

  const ep = `${environment.api.baseUrl}/login`;
  return this.http.post<ILoginResponse>(ep, request).pipe(map(req => {
    this.storage.set(environment.storage_keys.token, req.access_token).then(() => {
      this.authState$.next(true);
    });
    return req;
  })).toPromise();

如果toPromise()返回异常或由于任何原因失败，我如何确保this.storage.set被拒绝？

Answer 1

您始终可以使用Promise构造函数代替toPromise来创建自己的控件，以进行更细粒度的控制：

const ep = `${environment.api.baseUrl}/login`;
return new Promise((resolve, reject) => {
  this.http.post<ILoginResponse>(ep, request).pipe(map(req => {
    this.storage.set(environment.storage_keys.token, req.access_token).then(() => {
      this.authState$.next(true);
      resolve(/* optionally return data here */);
    }).catch(e => reject(e));
  })).catch(e => reject(e)); // Assuming this.http.post returns a promise
})

Answer 2

在这种情况下，映射没有意义，因为您没有映射任何内容。您可以简单地做到这一点：

const ep = `${environment.api.baseUrl}/login`;
return this.http.post<ILoginResponse>(ep, request)
    .toPromise()
    .then(
        req => {
            this.storage.set(environment.storage_keys.token, req.access_token).then(
                () => this.authState$.next(true)
            );
            return req;
        }
    )

这将解决this.storage是否失败。示例：

const promiseError = new Promise(
    (resolve, reject) => reject('err')
)

const promiseOk = new Promise(
    (resolve, reject) => resolve('ok')
)

promiseOk
    .then(
        req => {
            promiseError
                .then(
                    () => console.log('fa')
                )
                .catch(
                    err => console.log('err')
                )
            return req;
        }
    )
    .then(
        req => console.log(req)
    )

确保承诺失败

2 个答案: