为什么函数 getSafestCountriesNames() 在我调用它时返回 promise{pending} 而当我使用 async/await 时它返回 undefined？

Question

这是函数：

export const getSafestCountriesNames = async() => {
    try{
        const names = await getCountriesData();
        names.forEach((country) => {
            const {score} = country.advisory;
            if(score == 0){
                const liEl = createDOMElement('li', {className: 'name'});
                liEl.innerHTML = `${country.name}`;
                return liEl;
            }
        });
    }
    // …
}

当我在这里调用它时，我得到了undefined ：

async function func(){
    const names = await getSafestCountriesNames();  
    console.log(names);
}
func();

Answer 1

它返回Promise{pending}因为当一个函数有async关键字时，它必须返回一个 Promise。 见这里。

尽管如此，您的代码中存在更深层次的问题。 您的 return 语句位于forEach的回调中。 这是回调的返回语句，而不是getSafestCountriesNames 。

由于您需要返回一个 Promise （因为您正在使用await ），您可以将您的逻辑包装在类似以下内容中：

return new Promise((resolve, reject) => {
  // your logic here, resolving or rejecting instead of just returning
})

或者保持简单： return Promise.resolve("something")

当您使用await调用该函数时，它会解析undefined因为您没有解析 Promise 中的任何内容。