What is the difference between then and await methods when working with asynchronous operations?

The then method and the await operator are used for working with promises in JavaScript, but they differ in syntax and style.

• then is a promise method that takes a callback to handle the result after the asynchronous operation completes. It allows chaining calls.

fetch(url)
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

• await is an operator used inside an asynchronous function (async) that pauses execution until the promise resolves, making the code more synchronous-like and readable.

async function fetchData() {
  try {
    const response = await fetch(url);
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error(error);
  }
}

Thus, then is a method for handling promises, and await is syntactic sugar for writing asynchronous code more conveniently.