Javascript - Promise中的promise

Question

有没有人能帮我在诺言里许个愿？代码是

function getAccessToken(http: Http, router: Router, refreshTokenService: RefreshTokenService): Promise<string> {

let jwtHelper: JwtHelper = new JwtHelper();

let accessToken = localStorage.getItem('JWToken');

if (accessToken == '' || !accessToken || accessToken == undefined || accessToken == null) {
    router.navigate(['./admin/login']);
    return;
}

if (jwtHelper.isTokenExpired(accessToken)) {

    let waitPeriod = (!refreshTokenService.wait);

    refreshTokenService.wait = true;

    return new Promise((resolve, reject) => {

        if (waitPeriod) {
            refreshTokenService.refreshToken(accessToken).subscribe((res: any) => {
                res = res.json();

                if (res.token) {
                    localStorage.setItem('JWToken', res.token);
                    resolve(res.token);
                    refreshTokenService.wait = false;
                } else {
                    localStorage.removeItem('JWToken');
                    router.navigate(['./admin/login']);
                }

            });
        } else {
            let interval = setInterval(function () {
                if(refreshTokenService.wait == false) {
                    resolve(localStorage.getItem('JWToken'));
                    clearInterval(interval);
                }
            }, 500);
        }

    });
} else {
    return Promise.resolve(accessToken);
}
}

如您所见，我使用了一个变量refreshTokenService.wait和一个setInterval来定期检查该值是否发生了变化。但我认为最好的方法是在诺言中加入诺言。

Answer 1

您只需将当前运行的promise作为类变量并将其返回给所有其他客户端即可。一旦promise解析-将其设置为null。

class Test {
 getData() {
   if(!this.request) {
     this.request = new Promise((res)=> {
       console.log('start request')
       setTimeout(()=>res('token' + new Date()), 1000);
     }).then(token=> {
      this.request = null;
      return token;
    });
   }
   return this.request;
 }
}

let t = new Test();

// all these clients get the same result
t.getData().then(x=>console.log(x));
t.getData().then(x=>console.log(x));
t.getData().then(x=>console.log(x));

// all these clients get the another result
setTimeout(()=> {
 t.getData().then(x=>console.log(x));
 t.getData().then(x=>console.log(x));
 t.getData().then(x=>console.log(x));
}, 3000);