从异步请求返回 Promise 的最佳方法？

Question

I am trying to write an asynchronous function in TypeScript which makes an HTTP request using axios and returns a Promise for the data requested.

export async function loadSingleArweaveAbstraction(absId : string) : Promise<AbstractionPreview> {

    let abstractionPreview : AbstractionPreview = await axios({
        method: 'get',
        url: ARWEAVE_URL + absId,
        responseType: 'json'

    }).then(function(response) {
        return {
            name: response.data.name,
            imageUri: response.data.image,
            symbol: response.data.symbol,
        };
    }).catch(function(v) {
        return { name: "Null", imageUri: "null", symbol: "null" };
    });

    return abstractionPreview;
}

我不确定这是否是从异步调用返回响应的最佳方式。 我必须使用 await 还是可以将其删除并在then和catch块内返回？ 此外，我需要 catch 块来返回一个虚拟的AbstractionPreview的事实似乎非常不雅。

Answer 1

通常，您不会在同一个 function 中混合await和 .then .then() - 而是为特定的 function 选择一种或另一种。 虽然您显示的代码可以正常工作，但这是两种更一致的编写方式：

没有async/await ：

export function loadSingleArweaveAbstraction(absId : string) : Promise<AbstractionPreview> {

    return axios({
        method: 'get',
        url: ARWEAVE_URL + absId,
        responseType: 'json'

    }).then(function(response) {
        return {
            name: response.data.name,
            imageUri: response.data.image,
            symbol: response.data.symbol,
        };
    }).catch(function(e) {
        console.log(e);
        return { name: "Null", imageUri: "null", symbol: "null" };
    });
}

使用async/await ：

export async function loadSingleArweaveAbstraction(absId: string): Promise <AbstractionPreview> {
    try {
        let response: AbstractionPreview = await axios({
            method: 'get',
            url: ARWEAVE_URL + absId,
            responseType: 'json'

        });
        return {
            name: response.data.name,
            imageUri: response.data.image,
            symbol: response.data.symbol,
        };
    } catch (e) {
        console.log(e);
        return { name: "Null", imageUri: "null", symbol: "null" };
    }
}

这两者之间没有“正确”的方式。 这真的取决于你自己的个人喜好。 当我有多个要排序的异步操作时，我倾向于使用await ，因为它只是比链式.then()处理程序更易于阅读的代码。 只有一个异步操作，它更像是一种洗涤方式，哪种方式更简单，取决于个人喜好。

请注意，我总是记录我正在使用/隐藏的错误。 否则，您的系统中可能会出现 go 错误，您的代码正在“吃掉”错误，而您最终真的不知道出了什么问题。

PS 我不是 TypeScript 的人，所以如果我不小心犯了 TypeScript 语法错误，请随时纠正。

. 似乎在这两种情况下，我们都在等待我们的异步调用来完成它的 promise（在第一个示例中等待，然后在第二个示例中等待）然后返回。 那么异步调用的目的是什么？ 它们看起来像同步调用，因为我们总是在返回之前等待它们完成？

在这两种情况下，这个 function 立即返回一个 promise（只要异步axios()调用开始）。 这允许调用者在这些操作正在进行时做其他事情。 然后，当异步操作完成时，这些函数可以处理结果并设置原始 promise 的解析值，以便调用者可以得到最终结果的通知。

这不是同步代码。 在此异步操作进行时，Nodejs 和调用者能够做其他事情或处理其他事件。 这是非阻塞和异步的。 await allows you to write code that may "look" like synchronous code, but an async function returns a promise at the point of the first await in the function and the caller then gets that promise and can do other things or nodejs can process other events .

是否可以退回未完成的 promise？

是的，这两个选项都已经返回了一个未完成的 promise。 当您返回 promise 时，这几乎总是您正在做的事情。