如何正确使用SetTimeout(打字稿)

时间:2017-08-14 22:20:52

标签: javascript typescript settimeout

我正在开发使用Geolocation的离子线索应用程序。

根据应用程序流程,有必要获得准确的位置。

我编写了专门的方法来实现这个位置,我在其中使用了setTimeout

根据我的日志,似乎我没有正确使用setTimeout - 甚至最糟糕的是我选择的很差,setTimeout不是我在这里所需要的。

这是我的代码:

  getFixedLocation() {
    let coordinates: Coordinates;
    let maxTries = 15;
    let isFixedLocation = false;

    this.forceFixLocation(10);

    do {
      console.log("Getting location, try #" + maxTries)
      this.geolocation.getCurrentPosition(GEOLOCATION_OPTIONS)
      .then((position) => {
        coordinates = position.coords;
      });

      if (coordinates.accuracy < 25 && coordinates.speed < 1) {
        isFixedLocation = true;
      } else {
        maxTries -= 1;
      }
    } while(maxTries > 0 && !isFixedLocation);

    if (isFixedLocation) {
      return coordinates;
    } else {
      return null;
    }
  }

  forceFixLocation(counter: number) {
    setTimeout(() => {
      if(counter > 0) {
        console.log("Forcing location #" + counter)        
        this.geolocation.getCurrentPosition(GEOLOCATION_OPTIONS)
        .then((position) => {
          console.log("Got position, accuracy: " + position.coords.accuracy)
        }); 
        this.forceFixLocation(counter - 1);
      }
    }, 3000);
  }

查看日志显示我的do-while循环在forceFixLocation的第一次迭代之前执行:

08-15 00:58:51.831 D/SystemWebChromeClient(19622): file:///android_asset/www/build/main.js: Line 56358 : Getting location, try #15
08-15 00:58:51.831 I/chromium(19622): [INFO:CONSOLE(56358)] "Getting location, try #15", source: file:///android_asset/www/build/main.js (56358)
08-15 00:58:51.831 D/GeolocationPlugin(19622): We are entering execute
08-15 00:58:51.841 D/SystemWebChromeClient(19622): file:///android_asset/www/build/main.js: Line 1362 : ERROR
08-15 00:58:51.841 I/chromium(19622): [INFO:CONSOLE(1362)] "ERROR", source: file:///android_asset/www/build/main.js (1362)
08-15 00:58:54.834 D/SystemWebChromeClient(19622): file:///android_asset/www/build/main.js: Line 56381 : Forcing location #10
08-15 00:58:54.844 I/chromium(19622): [INFO:CONSOLE(56381)] "Forcing location #10", source: file:///android_asset/www/build/main.js (56381)
08-15 00:58:54.844 D/GeolocationPlugin(19622): We are entering execute
08-15 00:58:56.936 D/SystemWebChromeClient(19622): file:///android_asset/www/build/main.js: Line 1362 : ERROR
08-15 00:58:56.946 I/chromium(19622): [INFO:CONSOLE(1362)] "ERROR", source: file:///android_asset/www/build/main.js (1362)
08-15 00:58:57.847 D/SystemWebChromeClient(19622): file:///android_asset/www/build/main.js: Line 56381 : Forcing location #9
08-15 00:58:57.847 I/chromium(19622): [INFO:CONSOLE(56381)] "Forcing location #9", source: file:///android_asset/www/build/main.js (56381)

这里的正确方法是什么?

2 个答案:

答案 0 :(得分:0)

{3}中第一次调用forceFixLocation内的lambda函数。当您从this.forceFixLocation(10);调用getFixedLocation时,它会立即继续到下一行并执行while的逻辑。 除此之外,getFixedLocation可能已经返回了一些值,但您仍然会每隔3秒(10次)调用forceFixLocation

答案 1 :(得分:0)

您在这里缺少基本信息。它是 JavaScript事件循环!

您不能使用do while,因为它会从不(永远)结束,并会挂起您的应用程序,如日志所示。

看起来您还没有等待解决的承诺..承诺提供的then方法只是将来可能/将要发生的功能。您的do/while挂起了应用,因此无法解决此承诺......

我建议尝试使用async / await,因为它提供了与您期望从JavaScript中获得的类似的语法。