如何将getCurrentPosition获取的用户经纬度存储为变量供其他函数调用

架构老林

2026-9-27

核心问题原因

你遇到的问题本质是对异步API的执行逻辑理解有偏差，navigator.geolocation.getCurrentPosition() 是异步回调型API，它本身没有返回值，坐标结果只会传入你给它的回调函数，你在回调外部直接拿返回值、或者试图把回调的return值往外传都是行不通的。

另外你找不到坐标属性是因为属性名记错了，定位成功返回的对象下的坐标属性是coords不是coordinates，正确的取值路径是position.coords.latitude（纬度）、position.coords.longitude（经度）。

你的两种写法的问题

方式1问题

语法错误：参数解构括号多余，且解构了coords之后却用pos.coords调用，变量名不匹配
逻辑错误：getCurrentPosition本身无返回值，赋值给x的只会是undefined，回调函数里的return值不会传递给外层的x

方式2问题

回调函数内部的return只会把值返回给getCurrentPosition的内部逻辑，外层代码完全接收不到"Yes"/"No"的结果

正确实现方案

方案1：回调内直接调用业务函数

这是最简单的写法，拿到坐标后直接传给需要用坐标的函数即可：

// 你的业务逻辑函数，比如坐标范围判断
function checkCoordsRange(lat, lon, splitCoords) {
  const isLatInRange = Math.abs(splitCoords[1] - lat) <= 0.009
  const isLonInRange = Math.abs(splitCoords[0] - lon) <= 0.009
  return isLatInRange && isLonInRange ? "Yes" : "No"
}

const splitCoords = [xxx, xxx] // 替换为你的基准坐标
navigator.geolocation.getCurrentPosition(
  // 定位成功回调
  function (position) {
    const lat = position.coords.latitude
    const lon = position.coords.longitude
    const result = checkCoordsRange(lat, lon, splitCoords)
    console.log(result) // 在这里拿到判断结果，做后续处理
  },
  // 必须加错误处理，覆盖用户拒绝授权、定位失败的场景
  function (err) {
    console.error("定位失败：", err.message)
  }
)

方案2：用Promise封装适配async/await

如果你需要更清晰的串行逻辑，可以把API封装成返回Promise的函数，用async/await调用：

function getLocation() {
  return new Promise((resolve, reject) => {
    navigator.geolocation.getCurrentPosition(
      pos => resolve({ lat: pos.coords.latitude, lon: pos.coords.longitude }),
      err => reject(err)
    )
  })
}

// 调用示例
async function main() {
  try {
    const { lat, lon } = await getLocation()
    // 这里可以直接使用lat、lon变量，传入任意其他函数
    console.log("纬度：", lat, "经度：", lon)
  } catch (err) {
    console.error("定位失败：", err.message)
  }
}
main()

方案3：存入全局变量（不推荐，容易出异步时序问题）

如果一定要存到全局变量，必须加状态标记判断是否已经拿到坐标：

window.userLocation = {
  lat: null,
  lon: null,
  isReady: false
}

navigator.geolocation.getCurrentPosition(pos => {
  window.userLocation.lat = pos.coords.latitude
  window.userLocation.lon = pos.coords.longitude
  window.userLocation.isReady = true
  // 只有在定位完成后触发的逻辑，才能拿到正确的坐标值
})

注意事项

Geolocation API需要用户授权，用户拒绝授权后会走错误回调，不能省略错误处理
绝大多数浏览器仅允许HTTPS域名下调用该API，本地localhost环境不受限制
不要在定位回调执行完成前访问坐标变量，此时异步操作还没结束，变量一定是undefined

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