函数可以返回多种类型的响应。如何在接收响应的函数中声明响应的类型?

用这个类方法

async openProject(
    fileName: string, 
    force: boolean, 
    progress: boolean
) {
    const response = await this.request({
        type: 'request',
        cmd: 'open_project',
        payload: { value: fileName, force: force, progress: progress }
    });

    return {
        id: response['payload']['project_id']
    };
}

当我尝试访问响应时的Payload属性时,会收到typescript警告:

[ts]元素隐式具有“any”类型,因为类型“”没有 索引签名。

我习惯于在函数调用中声明参数的类型。但是在这种情况下,我应该如何声明响应类型呢? this.requests 返回一个可以在几种不同类型的响应中响应的承诺。

我应该:

• 为每种类型的请求创建响应类型,并
• 有 this.request 返回所有响应类型的联合

编辑:

这是我的一次失败的尝试

export type CreateProjectResponse = {
    payload: {
        project_id: string;
    }
}

export type GetDevicesResponse = {
    payload: {
        devices: [];
    }
}

export type GenericResponse = GetDevicesResponse | CreateProjectResponse;

request(body: any) {
    const transactionId = this.newTransactionId();

    const requestMessage = JSON.stringify({
        ...body,
        trans_id: transactionId
    });

    if (this.logger) this.logger(requestMessage);

    return new Promise<GenericResponse>((resolve, reject) => {
        const timeoutTimer = setTimeout(() => {
            const timeoutMessage = 'Request timed out';
            if (this.logger) this.logger(timeoutMessage);
            reject(Error(timeoutMessage));
        }, this.maxTime);

        this.requestCallbacks[transactionId] = {
            resolver: resolve,
            rejecter: reject,
            timeoutTimer: timeoutTimer
        };
        this.socket.send(requestMessage);
    });
}

async createProject() {
    const response = await this.request({
        type: 'request',
        cmd: 'create_project',
    }) ;

    return {
        id: response['payload']['project_id']
    };
};

async getDevices() {
    const response = await this.request({
        type: 'request',
        cmd: 'get_devices',
    });

    return response['payload']['devices'].filter((device: DeviceResponse) => {
        return device['type'] === 'device';
    }).map((device: DeviceResponse) => {
        return {
            id: device['device_id'],
            name: device['name']
        };
    });
};