如何在JavaScript默认地理定位函数外获取经纬度？pos参数是什么？

一、pos参数是什么？ #

pos 是浏览器自动传递给 success 回调函数的GeolocationPosition 对象，它是浏览器获取到设备地理位置后，打包好的结果容器。这个对象里的 coords 属性（即你代码中的 crd）是 GeolocationCoordinates 类型，封装了纬度、经度、定位精度等核心数据。简单来说，浏览器完成定位后，会把结果以 pos 对象的形式传给你的 success 函数，让你能从中提取需要的定位信息。

二、如何在success函数外部获取经纬度？ #

navigator.geolocation.getCurrentPosition 是异步操作，定位需要时间，不能直接通过 return 拿到结果，推荐以下几种实现方式：

1. 全局变量存储 #

let user_latitude, user_longitude;

function success(pos) {
  const crd = pos.coords;
  user_latitude = crd.latitude;
  user_longitude = crd.longitude;
  // 定位完成后再执行依赖经纬度的逻辑
  processLocation();
}

function processLocation() {
  console.log('外部获取的纬度：', user_latitude);
  console.log('外部获取的经度：', user_longitude);
}

navigator.geolocation.getCurrentPosition(success);

注意：不要在调用 getCurrentPosition 后立刻使用全局变量，此时定位未完成，变量值仍为 undefined，必须等 success 执行后再操作。

2. Promise封装（推荐） #

把定位逻辑封装成 Promise，用 .then() 或 async/await 处理异步结果，代码更清晰易维护：

function getCurrentLocation() {
  return new Promise((resolve, reject) => {
    navigator.geolocation.getCurrentPosition(
      (pos) => {
        const crd = pos.coords;
        resolve({
          latitude: crd.latitude,
          longitude: crd.longitude
        });
      },
      (err) => reject(err) // 处理定位失败场景
    );
  });
}

// 使用.then()方式
getCurrentLocation().then(location => {
  console.log('纬度：', location.latitude);
  console.log('经度：', location.longitude);
  // 在这里执行后续业务逻辑
}).catch(err => {
  console.error('定位失败：', err);
});

// 或者用async/await
async function useLocation() {
  try {
    const location = await getCurrentLocation();
    console.log('纬度：', location.latitude);
    console.log('经度：', location.longitude);
  } catch (err) {
    console.error('定位失败：', err);
  }
}
useLocation();

3. 传入回调函数 #

定义一个处理经纬度的函数，在 success 中调用它并传入定位结果：

function handleLocation(latitude, longitude) {
  console.log('外部获取的纬度：', latitude);
  console.log('外部获取的经度：', longitude);
  // 后续业务逻辑写在这里
}

function success(pos) {
  const crd = pos.coords;
  handleLocation(crd.latitude, crd.longitude);
}

navigator.geolocation.getCurrentPosition(success);

内容的提问来源于stack exchange，提问作者fasfrtewqt2354r2edrq