如何从 asyn/await 函数返回值到全局变量？

Question

我想将用户的地理位置返回给变量，以便其他函数以后可以使用它。 我尝试使用 async/await 功能，但它不起作用。 我做错了什么？

// Getting data
class Data {
  static async getLatitude() {
    let latitude = await navigator.geolocation.getCurrentPosition((position) => {
      return position.coords.latitude;
    });
    return latitude;
  }

}


// Site running
window.addEventListener('load', () => {
  if(navigator.geolocation) {
    let latitude = Data.getLatitude();
    console.log(latitude);

  }
})

Answer 1

问题是navigator.geolocation.getCurrentPosition不返回Promise 。 这就是为什么你不能使用 async/await 来获得它的响应。 您必须自己将其包装到 Promise 中才能使用 async/await 来获得结果。 这是完整的代码：

class Data {
  static async getLatitude() {
    return new Promise((resolve, reject) => {
      navigator.geolocation.getCurrentPosition((position) => {
        resolve(position.coords.latitude);
      }, reject);
    });
  }
}

window.addEventListener('load', async () => {
  if (navigator.geolocation) {
    let latitude = await Data.getLatitude();
    console.log(latitude);

  }
})