Geolocation.getCurrentPosition未通过await赋值变量致天气应用异常

数据老陈

2026-8-6

问题：Geolocation获取位置前就执行判断逻辑，误弹权限拒绝提示

问题根源

你写的getLocationFromUser虽然加了async，但内部的navigator.geolocation.getCurrentPosition是基于回调的异步API，不是Promise。函数没有返回任何异步结果，所以await getLocationFromUser()会直接拿到undefined，导致!defaultLocation触发alert。而且你在回调里给外部变量赋值的操作，等函数执行完才会触发，完全起不到传递结果的作用。

修复方法

把getCurrentPosition包装成Promise，让async/await能正确等待定位操作完成，同时处理用户拒绝权限、定位失败的场景。

修正后的代码

function getLocationFromUser() {
  return new Promise((resolve, reject) => {
    if (!('geolocation' in navigator)) {
      console.log('geolocation is NOT available');
      reject(new Error('Geolocation not supported'));
      return;
    }

    console.log('geolocation IS available');
    navigator.geolocation.getCurrentPosition(
      (position) => {
        const defaultCoords = [position.coords.latitude, position.coords.longitude];
        resolve(defaultCoords);
      },
      (error) => {
        console.log('Location access denied or failed:', error.message);
        reject(error);
      }
    );
  });
}

async function loadApp() {
  try {
    const defaultLocation = await getLocationFromUser();
    console.log(defaultLocation);
    // 此处编写加载对应天气的逻辑
  } catch (err) {
    alert('用户拒绝权限或定位失败');
    // 编写无权限/不支持定位时的 fallback 逻辑
  }
}

loadApp();