在构造函数中调用异步函数。

Question

getUser 是一个异步函数吗？如果需要更长的时间来解决？它会在我的someotherclass 中始终返回正确的值吗？

class IdpServer {
    constructor() {
        this._settings = {
            // some identity server settings.
        };
        this.userManager = new UserManager(this._settings);
        this.getUser();
    }

    async getUser() {
        this.user = await this.userManager.getUser();
    }

    isLoggedIn() {
        return this.user != null && !this.user.expired;
    }
}

let idpServer = new IdpServer();
export default idpServer;


// another class 
// import IdpServer from '...'
 class SomeOtherClass {
     constructor() {
        console.log(IdpServer.isLoggedIn());
     }
 }

Answer 1

这是一个与this popular question有关的问题。

一旦代码是异步的，就不能以同步的方式使用。如果不需要使用原始承诺，则应使用async 函数执行所有控制流。

这里的问题是getUser 提供了用户数据的承诺，而不是用户数据本身。构造函数中丢失了一个承诺，这是反模式。

解决问题的一种方法是为IdpServer 提供初始化承诺，而其余的API 将是同步的：

class IdpServer {
    constructor() {
        ...
        this.initializationPromise = this.getUser(); 
    }

    async getUser() {
        this.user = await this.userManager.getUser();
    }

    isLoggedIn() {
        return this.user != null && !this.user.expired;
    }
}

// inside async function
await idpServer.initializationPromise;
idpServer.isLoggedIn();

根据应用程序的工作方式，IdpServer.initializationPromise 可以在应用程序初始化时进行处理，以保证所有依赖于IdpServer 的单元在准备好之前不会被初始化。

另一种方法是使IdpServer 完全异步：

class IdpServer {
    constructor() {
        ...
        this.user = this.getUser(); // a promise of user data
    }

    async getUser() {
        return this.userManager.getUser();
    }

    async isLoggedIn() {
        const user = await this.user;
        return user != null && !user.expired;
    }
}

// inside async function
await idpServer.isLoggedIn();

预计所有依赖它的单元也将具有异步 API。