为什么即使在读取响应流之后，我的 fetch 响应仍显示承诺？

Question

我正在调用一个 API，它返回一个我需要访问的主体。通过 Postman 调用 API 按预期工作。 JavaScript 代码如下：

async function checkIfCheater(nameToCheck) {
    let testJson = {
        "GameName" : nameToCheck
    }

    await fetch(apiGatewayCheckCheaterLocal, {
        method: 'POST',
        mode: 'cors',
        headers: {
            'Content-Type': 'application/json'
        },
        body: JSON.stringify(testJson)
    }).then(response=>response.json()).then(data=>{ return data; });
}

我尝试过以多种方式访问​​响应。此处的示例遵循the accepted answer here。但是，尽管如此，返回的值仍然是我无法访问其主体的Promise {<pending>} 对象。

为什么我的对象仍然是一个承诺，尽管遵循该链接上的答案，我该如何解决它？

Answer 1

修改如下，

async function checkIfCheater(nameToCheck) {
    let testJson = {
        "GameName": nameToCheck
    };

    const res = await fetch(apiGatewayCheckCheaterLocal, {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json'
        },
        body: JSON.stringify(testJson)
    });

    const data = await res.json();

    return data;
}

checkIfCheater('name').then(data => console.log(data));