Как правильно возвратить значение функции?

Question

[Давид]

Надо сделать функцию которая будет возвращать местоположение пользователя. Делал так:

function location() {
    
    var geo = false;

    navigator.geolocation.getCurrentPosition(
        function(position){
            
            geo = {lat: position.coords.latitude, lng: position.coords.longitude};

        }
    );

    return geo;

}

Но понятно что она работает неправильно. Как сделать функцию синхронной?

Comments

[zenwarr]

Делать ее асинхронной, очевидно же. Добавить к location еще один аргумент callback, и вызывать его, когда доступны координаты. Это абсолютно нормальная практика, и это логично. Ведь, например, браузер при запросе координат выведет запрос (немодальный), в котором будет спрашивать пользователя, позволяет ли он получить координаты. Если сделать location синхронной, то ваша страница просто "зависнет" до тех пор, пока юзер не нажмет на кнопку. Оно вам надо?

[Давид]

zenwarr: Пожалуй, ваш совет самый подходящий для моего случая спасибо!

[Давид]

zenwarr: напишите его в ответ, я отмечу решением

Answer 1

[zenwarr]

Делать ее асинхронной, очевидно же. Добавить к location еще один аргумент callback, и вызывать его, когда доступны координаты. Это абсолютно нормальная практика, и это логично. Ведь, например, браузер при запросе координат выведет запрос (немодальный), в котором будет спрашивать пользователя, позволяет ли он получить координаты. Если сделать location синхронной, то ваша страница просто "зависнет" до тех пор, пока юзер не нажмет на кнопку. Оно вам надо?

Answer 2

[Алексей Уколов]

Сделать функцию синхронной - никак. Вам нужно весь остальной код, который с ней работает сделать асинхронным. Лучше всего использовать для этого Promise.

Answer 3

[Андрей]

Согласен с Алексей Уколов, что можно сделать только асинхронно. Немного кода:

function location() {    
    return new Promise(function(resolve, reject) {
        navigator.geolocation.getCurrentPosition(resolve, reject);
    });
}

location()
    .then(function(position) {
        console.log({
            lat: position.coords.latitude,
            lng: position.coords.longitude
        });
    })
    .catch(function(error) {
        console.log(error);
    });