Почему функция async возвращает в консоли Promise {}..., а не результат?

Question

[weranda]

Приветствую.
Есть функция:

function getUsers(user_id) {

    // data preparations
    var data = {}
    data.type = "get_juniors"
    data.user_id = user_id
    data = JSON.stringify(data)

    // request
    async function getName(data) {
        const response = await fetch("/test-ajax/", {
            method: "POST",
            body: data
        })
        const json = await response.json();
        return await json;
    }

    var name = getName(data);
    return name
}

var test = getUsers(1)
console.log(test)

Функция возвращает не массив, а какой-то объект, с которым я разобраться не могу в силу слабого знания JS. Подскажите, как вернуть массив данных, а не то, что на скриншоте ниже. Массив находится в разделе [[PromiseResult]]:Array(3).

Comments

[Vas]

Попробуй в конце getUsers дописать return name;

[weranda]

Игнат, функцию поправил в вопросе, но сути это не меняет — все равно возвращается этот Promise.
В консоли видно же, что результат есть в виде массива, но как до него достать?

[Vas]

weranda, по -моему, getUsers - лишняя обёртка. Засуньте переменную data внутрь getName. Тогда должен возвращаться сразу результат

// request
async function getName(user_id) {
  // data preparations
  var data = {
    type: 'get_juniors',
    user_id = user_id,
  };
  data = JSON.stringify(data);

  const response = await fetch('/test-ajax/', {
    method: 'POST',
    body: data,
  });
  const json = await response.json();
  return json;
}

var test = getName(1);
console.log(test);

Слегка изменил изменение свойств объекта data, потому что скорее всего бы вышла ошибка из-за обращения к несуществующим свойствам

[Вадим]

А что мешает прочитать документацию или учебник по асинхронным функциям?
https://learn.javascript.ru/async-await

У слова async один простой смысл: эта функция всегда возвращает промис.

Тут Вы возвращаете промис.

var name = getName(data);
return name

Answer 1

[Rsa97]

async function getUser(user_id) {
  const data = JSON.stringify({ type: 'get_juniors', user_id });
  const response = await fetch(
    '/test-ajax/',
    { method: "POST", body: data },
  );
  return response.json();
}

const test = await getUser(1);
console.log(test);