从 promise 对象查询属性并保存在变量中

Question

我正在使用 axios 获取请求，并返回 response.data 的对象。但我希望能够查询 response.data 的属性并将其保存为变量并在另一个类中使用。

export class myClass {
    public async getData() {
        return axios.get(url)
            .then(response => response.data)
            .catch((error) => {
                console.log(error);
            });
        }
    }

我想从响应中访问这些属性，并保存为值：

response.data.name
response.data.address
response.data.company

我可以通过控制台记录属性，但如果我尝试将其用作某处的值，我会得到未定义。

public async getName() {
    return this.getData().then((response: any) => {
        console.log(response.data.name);
        return response.data.name;
    });
}

致电：

const name = new myClass().getName();
NAME: name(undefined)

Answer 1

默认情况下，async 函数返回一个Promise，你应该这样实现它，更容易理解：

我的班级

export class myClass {
    ...
    public async getData() {
        return axios.get(url);
    }

    public async getName() {
        try {
            const response = await this.getData();
            return response.data.name;
        } catch (error) {
            // handle errors here
        }
    }
    ...
}

调用 getName()

const myClass = new myClass();
const name = await myClass.getName();