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

时间:2018-04-06 14:10:50

标签: javascript asynchronous ecmascript-6 identityserver4

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

1 个答案:

答案 0 :(得分:6)

这是与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的单元在其准备就绪之前不会被初始化。< / p>

另一种方法是使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。