调用的 API 响应中未定义的调用函数

Posted 2023-03-13

【中文标题】调用的 API 响应中未定义的调用函数

【英文标题】：Undefined calling function inside response of API called

【发布时间】：2021-11-22 15:14:00

【问题描述】：

我有这些功能：

ngOnInit(): void 
    this.getObj();


public getObj():any
    this._callAPI1.getList().subscribe(
        async res => 
            let temp = await this.getPrograms(res.current_subscription_id);
            console.log(temp);
        ,
        err => 

        
    )


public getPrograms(id):any
    this._callAPI2.getPrograms(id).subscribe(
        resProgram => 
            console.log(resProgram);
            return resProgram;
        ,
        err => 

        
    )

问题在于，在调用getObj 的第一个函数中，当我调用函数getPrograms 时，控制台日志的响应是Undefinded。问题是getPrograms 函数中的控制台返回了一个很好的响应。我尝试添加属性await，但它仍然不起作用。

有什么建议吗？？

【问题讨论】：

代码是否正确？ getPrograms函数中不应该是this._callAPI2.getPrograms(id_subs).subscribe(...吗？如果参数被称为id_subs，但您传递的是id，这将是未定义的？

是的，当然.. 我错过了拼写，我编辑了它。

如果您在 getPrograms 中订阅，它不会返回任何内容。这就是为什么 switchMap 或类似的运算符可以将可观察操作“链接”在一起的原因。

【参考方案1】：

尝试从getObj 函数中删除async 和await。 然后在此答案的评论中返回此处报告。

ngOnInit(): void 
    this.getObj();


public getObj():any
    this._callAPI1.getList().subscribe(
        res => 
            let temp = this.getPrograms(res.current_subscription_id);
            console.log(temp);
        ,
        err => 

        
    )


public getPrograms(id_subs):any
    this._callAPI2.getPrograms(id).subscribe(
        resProgram => 
            console.log(resProgram);
            return resProgram;
        ,
        err => 

        
    )

【讨论】：

这实际上不会在 getPrograms 中返回 resProgram，订阅不会返回任何内容。需要使用 switchMap 或 mergeMap 之类的东西。