Как вывести данные переменной из async функции?

Question

[Альберт Ушаков]

Данная функция выводит данные из Storage, парсится и выдает ид пользователя. Внутри функции если вставить alert то все выдает нормально. А как сделать вне функции получение данных?
В данном коде выдает [Object object] хотя в return стоит конкретное значение.

async function get_user_name() {
  try {
    let user_data = await AsyncStorage.getItem('user_data') || 'none';
	let parse = JSON.parse(user_data);
	return parse.user_id;
  } catch (error) {
    // Error retrieving data
    console.log(error.message);
  }
}
alert(get_user_name()); //Выдает Object object

Comments

[Kovalsky]

https://reactnative.dev/docs/asyncstorage

[Альберт Ушаков]

Kovalsky, Да я знаю как вывести в консоль или вот в alert, но как использовать вне этой функции данные? То есть вызывая эту функцию, данные не выводятся, только внутри.

[Альберт Ушаков]

Aleksandr-JS-Developer, Обновил пример кода, добавил но все ровно не выводит.

[Альберт Ушаков]

Aleksandr-JS-Developer, Выдает

Promise {
  "_U": 0,
  "_V": 0,
  "_W": null,
  "_X": null,
}

[Альберт Ушаков]

Aleksandr-JS-Developer,

const user_data = AsyncStorage.getItem('user_data').then(function(value) {
		let parse = JSON.parse(value);
		return parse;
	});

Вот, все данные можно выводить внутри функции. Проблема в том как эти данные вытащить из фукнции в дургую переменную. Никак не получается(

[Альберт Ушаков]

Aleksandr-JS-Developer, нашел решение через глобальную переменную global.data_user. Не красивое решение, но ничего больше не смог найти. Если будет что то, отпишите пожалуйста.

[Альберт Ушаков]

Aleksandr-JS-Developer, И как вывести это на странице?

[Альберт Ушаков]

Aleksandr-JS-Developer, Извините, что долго. Данный код выдает ошибку, так как там промис. Я попробовал вывести в виде списка.

Unhandled promise rejection: TypeError: undefined is not an object (evaluating '_this.parsed.map')

Answer 1

[Дмитрий Беляев]

Асинхронная функция всегда возвращает промис, притом на момент, когда она его вернула результата еще нет, он будет потом, в неопределенном будущем.
Можно получить результат в колбэк метода then:
get_user_name().then(alert);
Или получить его через await из другой асинхронной функции:

(async () => {
  alert(await get_user_name());
})();

Comments

[Альберт Ушаков]

Оо спасибо за ответ) А вот как не запускать в alert а присвоить get_user_name().then(alert) значение в переменную? Чтобы использовать можно было.

[Альберт Ушаков]

Дмитрий Беляев,

AsyncStorage.getItem('user_data').then(function(value) {
  let parse = JSON.parse(value);
  console.log(parse);
});

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

[Альберт Ушаков]

нашел решение через глобальную переменную global.data_user. Не красивое решение, но ничего больше не смог найти. Если будет что то, отпишите пожалуйста.

[Дмитрий Беляев]

Альберт Ушаков, что мешает эти данные использовать прямо здесь, передать как аргумент в функцию? Толку от глобальной переменной? она все равно будет не валидна пока данные не пришли, так только багов на плодите

[Альберт Ушаков]

Дмитрий Беляев, пробовал передавать в другую функцию, не пашет. Ну так сделаю проверку переменной уж, перед выводом. Никогда не работал с промисами и как то не пойму как правильно делать, если у вас есть пример как такое делается, можете кинуть? В сети и в примерах там я ничего не нашел на счет вывода.

[Дмитрий Беляев]

Альберт Ушаков, промисы - это всего лишь высокоуровневая абстракция над асинхронным кодом, а async/await - всего лишь сахар над промисами. Главное, что тут надо понять, это то, что код асинхронный, то есть он выполняется не сразу здесь, а потом, в неопределенном будущем, когда произойдет некое событие.
Но сделаете Вы глобальную/внешнюю переменную, что толку если Вы запишите в нее значение из промиса? Это произойдет в будущем, когда промис зарезолвится, а до того значение будет не валидным. И единственный достоверный признак, что переменная "готова" - сам промис. И единственным работающим решением является обрабатывать эти данные в промисах, все остальное - костыли, которые раньше позже приведут к багам.
Используйте async/await что б было проще, он для этого и создавался. Все что нужно здесь знать, что есть async function, которая всегда возвращает значение в промисе, внутри async function доступен await, который позволяет "подождать" промис. Все.

async function get_user_name() {
  try {
    let user_data = await AsyncStorage.getItem('user_data') || 'none';
  let parse = JSON.parse(user_data);
  return parse.user_id;
  } catch (error) {
    // Error retrieving data
    console.log(error.message);
  }
}

(async () => {
  const user_id = await get_user_name();
  // здесь user_id уже "дождались", его можно в другую функцию отдать, в том числе в синхронную
  console.log(user_id);
})()