Javascript fetch 和 console.log json 给出未定义

Question

已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。

---

这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

已关闭 5 年前。

Improve this question

html 正文::

<button class="getUsers">get users</button>

JS::

const getUsers = () = > {
  fetch("users.json")
    .then((res) = > {
      res.json()
    })
    .then((data) = > {
      console.log(data);
    })
}
document.querySelector(".getUsers").addEventListener("click", getUsers)

用户.json::

[{
  "id": 1,
  "name": "Rick",
  "email": "rick@gmail.com"
}, {
  "id": 2,
  "name": "maria",
  "email": "maria@gmail.com"
}, {
  "id": 3,
  "name": "gadnjaman",
  "email": "gadnjaman@gmail.com"
}]

我的问题是为什么单击按钮时会出现未定义以及如何修复它？

Answer 1

如 Arrow functions MDN web doc 中所述:

Arrow functions can have either a "concise body" or the usual "block body".

In a concise body, only an expression is specified, which becomes the explicit return value. In a block body, you must use an explicit return statement.

所以，正如评论中所说，要么( block 体):

.then((res) = > {
  return res.json()
})

或(简洁正文):

.then(res => res.json())