javascript - ES8 使用带有异步和等待的箭头函数

Question

我目前正在学习如何使用 ES8 的 fetch、async 和 await 我目前有这段有效的代码:

const url = "https://api.icndb.com/jokes/random";

async function tellJoke() {
  let data = await (await fetch(url)).json();
  return data.value.joke;
}

tellJoke().then(data => console.log(data));

控制台:

"Chuck Norris can dereference NULL."

但我发现了一个使用箭头函数的片段，问题是我不知道如何按照当前示例中的方式返回我的值。

片段:

const fetchAsync = async () => 
await (await fetch(url)).json()

如果这不是最佳做法，请告诉我，也欢迎进一步阅读。

Answer 1

您可以再次使用与缩短通常时间相同的方法

async function tellJoke() {
  let response = await fetch(url);
  let data = await response.json();
  return data.value.joke;
}

您的实现。作为一条线，它看起来像这样:

const tellJoke = async () => (await (await fetch(url)).json()).value.joke;