Try it Yourself: JavaScript Async – Hyring Learn

LessonBack to lesson

JavaScript Async

<!DOCTYPE html>
<html>
<body>

<h2>then vs await</h2>

<script>
// Promise chain
function loadUser() {
  return fetch("/user/1").then((r) => r.json());
}

// async / await equivalent
async function loadUserAsync() {
  const response = await fetch("/user/1");
  const user = await response.json();
  return user;
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<h2>then vs await</h2>

<script>
// Promise chain
function loadUser() {
  return fetch("/user/1").then((r) => r.json());
}

// async / await equivalent
async function loadUserAsync() {
  const response = await fetch("/user/1");
  const user = await response.json();
  return user;
}
</script>

</body>
</html>