Чем отличаются методы then и await при работе с асинхронными операциями?

Метод then и оператор await используются для работы с промисами в JavaScript, но отличаются по синтаксису и стилю.

• then — это метод промиса, который принимает колбэк для обработки результата после завершения асинхронной операции. Позволяет строить цепочки вызовов.

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

• await — оператор, который используется внутри асинхронной функции (async) и приостанавливает выполнение кода до получения результата промиса, делая код более похожим на синхронный и удобочитаемым.

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

Таким образом, then — это метод для обработки промисов, а await — синтаксический сахар для более удобного написания асинхронного кода.