Почему не работает async/await?

Question

[Al]

Использую typescript ("lib": ["dom", "es2015.promise", "es5"])
Такой пример:

function exec(url) {
    return new Promise(resolve => {
        let responce = null;
        $.ajax({
            type: 'GET',
            url: url
        }).done((data) => {
            resolve(data);
        });
    });
}

async function request(url) {
    return await exec(url);
}

let data = request('/ru/catalog');
console.log(data);

этот пример возвращает:

[[PromiseStatus]]: "pending"
[[PromiseValue]]: "["undefined"]"

Все из-за того что до resolve не доходит, а возвращается промис. Как его заставить ждать чтоб вернуть данные (data) вместо промиса?

Answer 1

[Виталий]

Чтобы не рос колбек ад, используй конструкцию внутри которой будет весь асинк код.

async function  request(url) {(
        try {
            await function(){
                $.ajax({
                    type: 'GET',
                    url: url,
                    success: (data) =>{
                        return data;
                    }
                })
            };
        } catch (error) {
            console.error(error);
            throw error;
        }
}

(async ()=>{
   try {
      await ....
      // весь асинк код
      let data = await request('/ru/catalog');
      console.log(data);
       return 1;
} catch (error) {
      console.error(error);
      throw error;
   }
})();

Ретурн и фроу обязательны, потому как по факту ты описываешь промис и после () можешь дальше вермишелить then catch и так далее

Comments

[Al]

Если вам не сложно, покажите на таком примере, как это должно работать

function request(url) {(
    async ()=>{
        try {
            await function(){
                $.ajax({
                    type: 'GET',
                    url: url,
                    success: (data) =>{
                        return data;
                    }
                })
            };
        } catch (error) {
            console.error(error);
            throw error;
        }
    })();
}

let data = request('/ru/catalog');

console.log(data);

Я не пойму как сделать возможным использования запроса так:

let data = request('/ru/catalog');
console.log(data);

[Виталий]

Обновил ответ

[Виталий]

И да, вам нужно смириться что асинк эвайт это иной синтаксис работы с промисами и никак иначе. Потому без then ничего нет, просто await ждет возращаемого в then значения или кидает исключение с данными из catch. Просто другой синтаксис, суть та же.

[Al]

Виталий: т.е. написать какойто отдельный класс что потом попросту использовать без оберток

let data = request('/ru/catalog');
console.log(data);

не выйдет ни как?

[Виталий]

Al: я пишу асинк классы без проблем. И использую их тоже без проблем. Просто надо понимать, что это асинхронный код и работать с ним соответственно. И в этой ситуации не надо считать вызов анонимной асинк функции оберткой, это среда обитания, в которой с промисами можно вести себя как с синк кодом.

[Al]

Виталий: да, уже разобрался, спасибо)

Answer 2

[Stepanya]

let data = await request('/ru/catalog');

let data = request('/ru/catalog').then((data) => console.log(data));

Comments

[Al]

А так чтоб без then?
Ведь в этом и суть моей проблемки!
Иначе смысл? всеравно елки из коллбэков будут расти

Answer 3

[netW0rm]

await работает только внутри функции объявленной как async.
Я обычно делаю так

main()
async function main() {
  ...
  let data = await request('/ru/catalog')
  ...
}