Catch Geolocation Error - Async Await

前端 未结 1 1477
遇见更好的自我
遇见更好的自我 2021-01-05 10:17

How can I catch the geolocation specific error to notify the user that they must have geolocation turned on?

The catch logs an error called PositionError

相关标签:
1条回答
  • 2021-01-05 10:34

    The getCurrentPosition() API was poorly designed, assuming users would test errors immediately in the callback, instead of passing them up.

    Since PositionError has no public constructor, window.PositionError is not defined.

    As Fabian mentions in comments, you can test for the error like this:

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

    or use his version if you're calling any API likely to throw non-object errors (hopefully rare).

    However, instead of littering your code, I recommend throwing a better error from your new async getCurrentLocation() API instead (use fiddle to get around SO code snippet sandbox):

    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

    0 讨论(0)
提交回复
热议问题