如何从promise中获得结果价值？

Question

我有麻烦得到地理定位坐标从一个promise函数返回。我使用下面的代码从这里：如何geolocation.get货币位置返回值？

const getPosition = () => {
  return new Promise((res, rej) => {
      navigator.geolocation.getCurrentPosition(res, rej)
  });
}

export const getGeolocation = () => {
  getPosition().then(console.log)
}

我试过：

export const getGeolocation = () => {
  return getPosition().then(result => return result)
} // doesnt work

有人能给我解释一下从promise中获得价值的正确方法是什么吗？谢啦

Answer 1

试试这个。

const getPosition = () => {
    return new Promise((res, rej) => {
        navigator.geolocation.getCurrentPosition(res, rej)
    });
}
const getGeolocation = async() => {
    try {
        let result = navigator.permissions.query({
            name: 'geolocation'
        });
        if (result.state == 'granted') {
            let respnse = await getPosition();
        } else {
            throw new Error("User denied Geolocation");
        }
    } catch (error) {
        console.log(error.message);
    }
}
getGeolocation();

Answer 2

您需要在getGeolocation（）函数中使用回调方法。

以下是您的解决方案：

export const getGeolocation = (callback) => {
  getPosition().then((result) => {
     callback(result);
  })
}

现在，请参阅下面的代码，以访问来自getPosition（）函数的结果。

getGeolocation((result)=>{
   console.log("Position : ",result);
});

请检查下面的代码，希望这对您和

const getPosition = () => {
    return new Promise((res, rej) => {
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(res);
        } else {
            rej("Unable to found current location");
        }

    });
}

export const getGeolocation = (callback) => {
    getPosition().then((result) => {
        callback({
            code: 1,
            message: "Location",
            location: result
        });
    }).catch((_error) => {
        callback({
            code: 0,
            message: _error
        });
    });
}

getGeolocation((response) => {
    if (response.code == "1") {
        console.log(response.location);
    } else {
        console.log(response.message);
    }
});

要了解回调如何工作，请通过下面的链接，你会有一个更好的主意。

https://www.w3schools.com/jquery/jquery_callback.asp