捕获地理位置错误 - 异步等待

时间:2017-06-08 06:12:21

标签: javascript geolocation async-await ecmascript-2017

如何捕获地理位置特定错误以通知用户他们必须打开地理位置?

catch会记录一个名为 PositionError 的错误,如Mozilla文档中提到的那样#34; https://developer.mozilla.org/en-US/docs/Web/API/PositionError"。

*注意:我的代码没有发现错误,它只显示:

Uncaught (in promise) ReferenceError: PositionError is not defined

代码

getCurrentLocation() {
    return new Promise((resolve, reject) => {
        navigator.geolocation.getCurrentPosition(resolve, reject, {
            enableHighAccuracy: true,
            timeout: 5000,
            maximumAge: 0
        });
    });
},
async inout() {
    try {
        let location = await this.getCurrentLocation();
        let response = await axios.post(API.URL, {});
    } catch (e) {
        if(e instanceof PositionError) {
            console.log('position error')
        }
    }
}

1 个答案:

答案 0 :(得分:5)

getCurrentPosition() API的设计很糟糕,假设用户会在回调中立即测试错误,而不是将其传递出来。

由于PositionError没有公共构造函数,因此未定义window.PositionError

正如Fabian在评论中提到的那样,你可以测试这样的错误:

if (e.toString() == '[object PositionError]') {
  console.log('position error')
}

如果您正在调用任何可能导致非对象错误的API(希望很少见),请使用他的版本。

但是,我建议您不要乱扔垃圾代码,而应使用新的异步getCurrentLocation() API抛出更好的错误(使用fiddle来绕过SO代码段沙箱):

function getCurrentLocation(options) {
  return new Promise((resolve, reject) => {
    navigator.geolocation.getCurrentPosition(resolve, ({code, message}) =>
      reject(Object.assign(new Error(message), {name: "PositionError", code})),
      options);
    });
};
async function inout() {
  try {
    console.log(await this.getCurrentLocation({
      enableHighAccuracy: true,
      timeout: 5000,
      maximumAge: 0
    }));
  } catch (e) {
    if (e.name == 'PositionError') {
      console.log(e.message + ". code = " + e.code);
    }
  }
}
inout().catch(e => console.log(e)); // User denied geolocation prompt. code = 1