Чем async

#javascript #reactjs #axios

#javascript #reactjs #axios

Вопрос:

Итак, у нас есть этот фрагмент кода здесь:

 export const fetchPosts= async () =>{
   const response= await jsonPlaceholder.get('/posts');
    return {
        type:'FETCH_POSTS',
        payload:response
    };
};
 

Я понимаю, что функция get обращается к некоторому API: (файл jsonplaceholder приведен ниже)

 import axios from 'axios';

export default axios.create({
  baseURL: 'https://jsonplaceholder.typicode.com'
});
 

почему мы должны использовать синтаксис async и await? Из моего ограниченного понимания get сам по себе является обещанием, которое делает его асинхронным, и я не вижу пользы от ключевого слова aync ключевого слова await . Чего достигают эти два?

Комментарии:

1. Это просто другой синтаксис для использования обычных promises. Если вам не нравится await , вы можете использовать .then()

Ответ №1:

Весь код async / await может быть преобразован в код с использованием чисто promises. Async / await — это просто синтаксический сахар для обещаний, делающий код более читаемым и более похожим на синхронный код.