Проблема в очереди исполнения кода?

Question

Daniil @D_K_D

Junior

JavaScript

Проблема в очереди исполнения кода?

Нужна функция для возврата координат местоположения пользователя. Функция написана, но возвращает значение без ожидание выполнения всего кода. В console выводит 1, 3, 4, 2 . В чём может быть проблема .

let coords;
export const AutoLocation = async () => {
  if (navigator.geolocation) {
    console.log("1 play");
    await navigator.geolocation.getCurrentPosition((pos) => {
      coords = pos.coords;
      console.log("2 play");
    });
    console.log("3 play");
  } else {
    console.log(Error);
  }
  console.log("4 play");
  return coords;
};

Вопрос задан более двух лет назад
81 просмотр

4 комментария

Подписаться 1 Простой 4 комментария

GeminiX @Geminix

у вас есть await при вызове AutoLocation ?

Написано более двух лет назад
Daniil @D_K_D Автор вопроса
Александр Есть
onMounted(async () => { console.log("RunFunc", await AutoLocation()); });
Написано более двух лет назад
historydev @historydev Куратор тега JavaScript

Сначала выполняется синхронный код, потом асинхронный, замените этот участок на
setTimeout(() => console.log('2 play'))

и посмотрите что будет

Написано более двух лет назад

GeminiX @Geminix

const AutoLocation = async () => {
  if (navigator.geolocation) {
    console.log("1 play");
    await new Promise((resolve) => { 
        navigator.geolocation.getCurrentPosition((pos) => {
            coords = pos.coords;
            console.log("2 play");
            resolve()
        });
    });
    console.log("3 play");
  } else {
    console.log(Error);
  }
  console.log("4 play");
  return coords;
};

Написано более двух лет назад

Александр Есть
onMounted(async () => { console.log("RunFunc", await AutoLocation()); });
Сначала выполняется синхронный код, потом асинхронный, замените этот участок на
setTimeout(() => console.log('2 play'))

и посмотрите что будет
const AutoLocation = async () => { if (navigator.geolocation) { console.log("1 play"); await new Promise((resolve) => { navigator.geolocation.getCurrentPosition((pos) => { coords = pos.coords; console.log("2 play"); resolve() }); }); console.log("3 play"); } else { console.log(Error); } console.log("4 play"); return coords; };

Answer 1 · 2022-11-02 12:21:21

Проблема в том, что человек, писавший эту функцию не умеет читать документацию. Иначе он бы знал, что await ожидает выполнения промиса, navigator.geolocation.getCurrentPosition всегда возвращает undefined и асинхронно вызывает каллбэк.

const position = await new Promise (
  (resolve, reject) => navigator.geolocation.getCurrentPosition(
    (p) => resolve(p),
    (e) => reject(e),
  ),
);

Проблема в очереди исполнения кода?

Войдите на сайт