Как вывести результат асинхронной функции во внешнюю переменную?

Question

[Mazino]

Я использую библиотеку mysqljs, которая делает асинхронный запрос базу, и возвращает результат в callback функцию:

var data = [];
connection.query('select * from `users` where `is_enabled` = 1;', (err, response) => {
	if(err) throw err;
	data = response.map(item => item.value);
        console.log(data)//array data
});
console.log(data)//undefined

Мне понятно почему так происходит, но не смотря на гору перечитанного материала, я так и не смог вывести данные так, чтобы с ними можно было работать синхронно, либо вся логика должна быть внутри асинхронной функции, либо внутри нее же вызвать другую и передать данные туда, и таким образом результат ее работы снова недоступен синхронному коду и это может продолжаться бесконечно. Существует ли способ сохранить асинхронные данные в переменную и работать синхронно? Заранее благодарен за помощь.

Answer 1

[Андрей Охотников]

Это называется callback hell, раньше так и делали, но сейчас есть можно использовать async await

Comments

[Mazino]

А можно пример? Я не совсем понимаю как именно это должно помочь, ибо как я понял await можно использовать лишь внутри async функции т.е:

async function() {
     //do smth...
     await var = smth;
}

[Андрей Охотников]

Mazino,

async function getData() {
return await connection.query('select * from `users` where `is_enabled` = 1;')
}

var data = getData();

[Mazino]

Андрей Охотников, Сделал так:

async function getData() {
    return await connection.query('select * from `users` where `is_enabled` = 1;')
}
var data = getData();
console.log(data)// Promise { <pending> }

[Pavel Shvedov]

Mazino, async функция возврвщвет промис:

var data = getData();
data.then((data) => {
  console.log(data);
});

// или если все также обернуто в async функцию
var data = await getData();
console.log(data);

[davidnum95]

Mazino, добавлю, что вызов connection.query необходимо обвернуть в промис

[Михаил]

Андрей Охотников, это плохой вариант. Лучше так:

function getData() {
    return connection.query('select * from `users` where `is_enabled` = 1;')
}
var data = await getData()

[Mazino]

Получилось в итоге шило на мыло:

async function getData() {
	return await new Promise((resolve,reject) => {
		connection.query('select * from `users` where `is_enabled` = 1;', (error, response) => {
			if(error) reject(error);
			resolve(response.map(item => item.value));
		});
	})
}
var = getData().then(data => console.log(data));//array data
var = getData().then(data => var = data);
console.log(var);//Promise { <pending> }

Из этого я делаю вывод, что вывести асинхронные данные на верхний уровень - невозможно. Любой код, который с этими данными взаимодействует должен быть асинхронным.

[Mazino]

makarychev13, У меня сразу вопрос, где расположен этот блок кода? Ваш пример как и прочие на верхнем уровне не работает. Поскольку await доступен только внутри async функции. А мой вопрос изначально был в том, как побороть асинхронность.

[Андрей Охотников]

Mazino, ну так то да. В js сначала выполняются все синхронные функции, потом все асинхронные, так и живем)

[Михаил]

Mazino, в некой async-функции. Я бы сказал, что вы делаете что-то не так, если у вас есть необходимость вызывать такой код на самом верхнем уровне. Можно ссылку на весь код или на репозиторий?

Answer 2

[Interface]

Вас спасет async/await!
Почитать можно тут https://habr.com/ru/company/ruvds/blog/326074/, например