构造函数调用异步方法初始化ApiManager的season字段未生效求助

我有一个管理足球API访问的ApiManager类，类里包含season字段，用于存储当前赛季的字符串。我通过getCurrentSeason()方法更新这个字段，同时希望在初始化ApiManager实例时，就通过构造函数给season设置值。我在构造函数里调用了this.getCurrentSeason()，但season始终是空字符串。已经确认API请求能正常返回所需数据，我不想改成让getCurrentSeason()返回值再赋值的方式，因为还要在其他地方调用它来更新字段。

相关代码如下：

import fetch from 'node-fetch';

export class ApiManager {
    constructor() {
        this.season = '';
        this.options = {
            method: 'GET',
            headers: {
              ... // API key removed
            }
          };
        this.getCurrentSeason();
    }

    async getCurrentSeason() {
        const url = 'https://api-football-v1.p.rapidapi.com/v3/leagues?id=39&current=true';
        try {
            let response = await fetch(url, this.options);
            let json = await response.json();
            this.season = json['response'][0]['seasons'][0]['year'];
        } catch (error) {
            console.log("Error: " + error);
        }
    
    }
}

原因 #

getCurrentSeason()是异步方法，构造函数里直接调用它时，不会等待异步操作完成就继续执行后续逻辑。所以当你刚创建实例就访问season时，它还没被API返回的数据赋值，仍然是空字符串。

解决办法 #

方案1：用静态异步方法创建实例

通过类的静态异步方法完成初始化，确保season赋值完成后再返回实例：

import fetch from 'node-fetch';

export class ApiManager {
    constructor() {
        this.season = '';
        this.options = {
            method: 'GET',
            headers: {
              ... // API key removed
            }
          };
    }

    static async create() {
        const manager = new ApiManager();
        await manager.getCurrentSeason();
        return manager;
    }

    async getCurrentSeason() {
        const url = 'https://api-football-v1.p.rapidapi.com/v3/leagues?id=39&current=true';
        try {
            let response = await fetch(url, this.options);
            let json = await response.json();
            this.season = json['response'][0]['seasons'][0]['year'];
        } catch (error) {
            console.log("Error: " + error);
        }
    }
}

// 使用方式
const apiManager = await ApiManager.create();
console.log(apiManager.season); // 此时season已正确赋值

方案2：构造函数内用IIFE处理异步逻辑

在构造函数里用立即执行异步函数等待初始化完成，同时可以暴露一个Promise供外部监听初始化状态：

import fetch from 'node-fetch';

export class ApiManager {
    constructor() {
        this.season = '';
        this.options = {
            method: 'GET',
            headers: {
              ... // API key removed
            }
          };
        // 暴露初始化完成的Promise
        this.initialized = this.init();
    }

    async init() {
        await this.getCurrentSeason();
    }

    async getCurrentSeason() {
        const url = 'https://api-football-v1.p.rapidapi.com/v3/leagues?id=39&current=true';
        try {
            let response = await fetch(url, this.options);
            let json = await response.json();
            this.season = json['response'][0]['seasons'][0]['year'];
        } catch (error) {
            console.log("Error: " + error);
        }
    }
}

// 使用方式
const apiManager = new ApiManager();
await apiManager.initialized;
console.log(apiManager.season); // 此时season已赋值

方案3：添加安全的season访问方法

保留原构造函数逻辑，新增一个异步方法来获取season，确保返回的是已初始化的值：

import fetch from 'node-fetch';

export class ApiManager {
    constructor() {
        this.season = '';
        this.options = {
            method: 'GET',
            headers: {
              ... // API key removed
            }
          };
        this.seasonPromise = this.getCurrentSeason(); // 保存异步操作的Promise
    }

    async getCurrentSeason() {
        const url = 'https://api-football-v1.p.rapidapi.com/v3/leagues?id=39&current=true';
        try {
            let response = await fetch(url, this.options);
            let json = await response.json();
            this.season = json['response'][0]['seasons'][0]['year'];
            return this.season;
        } catch (error) {
            console.log("Error: " + error);
            throw error;
        }
    }

    async getSeason() {
        if (!this.season) {
            await this.seasonPromise;
        }
        return this.season;
    }
}

// 使用方式
const apiManager = new ApiManager();
const season = await apiManager.getSeason();
console.log(season);

内容的提问来源于stack exchange，提问作者bragi