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

Question

[Daniil]

Нужна функция для возврата координат местоположения пользователя. Функция написана, но возвращает значение без ожидание выполнения всего кода. В 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;
};

Comments

[GeminiX]

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

[Daniil]

Александр Есть

onMounted(async () => {
      console.log("RunFunc", await AutoLocation());
    });

[historydev]

Сначала выполняется синхронный код, потом асинхронный, замените этот участок на

setTimeout(() => console.log('2 play'))

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

[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;
};

Answer 1

[Rsa97]

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

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