Javascript - Обещание внутри обещания

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

Вы можете просто сохранить текущее рабочее обещание как переменную класса и вернуть его всем другим клиентам. как только обещание разрешено - установите его в ноль.

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);