执行回调时如何处理订单？

Question

我在我的 angular2 应用程序中使用 firebase 进行身份验证，但我遇到了回调问题。这是我的代码段，用于识别用户是否已登录。

verifyLogin(url: string): boolean {
var myUser = null;
firebase.auth().onAuthStateChanged(function(user) {
  if (user) {
    myUser = user;
    console.log("sdfsdfsd");
    console.log(myUser);
  } else {
    // No user is signed in.
  }
});
console.log("check");
console.log(myUser);
if(myUser){
  return true;
}
console.log(myUser);
this.router.navigate(['/admin/signin']);
return false;

}

如果用户已登录，此 verifyLogin 函数将返回 true，否则返回 false。但问题是底部部分，其中包含在执行回调之前执行的 if 条件。我也无法在回调中返回。如何解决这个问题？

Answer 1

解决此问题的一种方法是使verifyLogin() 返回Promise。这样，verifyLogin() 只会在 onAuthStateChanged() 完成后返回 true 或 false。

verifyLogin(url: string): Promise<boolean> {
    return new Promise((resolve) => {
        var myUser = null;
        firebase.auth().onAuthStateChanged(function(user) {
            if (user) {
                myUser = user;
                console.log("sdfsdfsd");
                console.log(myUser);
                resolve(true);
            } else {
                // No user is signed in.
                resolve(false);
            }
        });
    });
}

然后你可以像这样调用verifyLogin()：

verifyLogin("someUrl").then(isLoggedIn => {
    if (isLoggedIn == false) {
        this.router.navigate(['/admin/signin']);
    }
});