当我期望一个数组时，Fetch 返回承诺

Question

我正在做一个简单的 api 获取请求，但我似乎无法自行隔离数组。它总是在一个承诺中，我不确定如何删除它或如何访问存储在数组中的值。

function getLocation(name) {

  let output = fetch(`http://dataservice.accuweather.com/locations/v1/cities/search?apikey=oqAor7Al7Fkcj7AudulUkk5WGoySmEu7&q=london`).then(data => data.json());
  return output

}

function App() {

  var output = getLocation(`london`);
  console.log (output)
...

__proto__: Promise
[[PromiseStatus]]: "resolved"
[[PromiseValue]]: Array(3)

是 console.log 中显示的内容 我只需要 Array(3)

Answer 1

fetch 和 Promise#then，总是返回一个承诺。要访问它获取的信息，请使用 Promise：

getLocation()
.then(data => {
    // use the data
})
.catch(error => {
    // Handle/report the error
});

或在异步函数中：

const data = await getLocation();

---

旁注：您的getLocation 有一个非常 常见错误（我在我贫血的小博客上wrote it up 很常见）：它不检查HTTP 操作是否成功。 fetch 仅在 network 错误时失败，而不是 HTTP 错误。修复它：

function getLocation(name) {
    return fetch(`http://dataservice.accuweather.com/locations/v1/cities/search?apikey=oqAor7Al7Fkcj7AudulUkk5WGoySmEu7&q=london`)
    .then(response => {
        if (!response.ok) {
            throw new Error("HTTP error, status = " + response.status);
        }
        return response.json();
    });
}