请问JS为什么设置变量值不成功，钉钉宜搭

Question

export function getgps() {
  var j = 0;
  var w = 0;
  loadDDApi.then(() => {
    dd.ready(() => {
      // 获取当前地理位置信息(单次定位)
      dd.device.geolocation.get({
        targetAccuracy: 200,
        coordinate: 1,
        withReGeocode: true,
        useCache: true, 
        onSuccess: function (result) {
          var j = result.longitude;//这里经纬度赋值失败
          var w = result.latitude//这里经纬度赋值失败
          alert(result.longitude);//这里能正常弹窗提示经纬度的值
        },
        onFail: function (err) { }
      });
    })
  })
  this.$("textField_kybrsytl").setValue(j);//设置文本框，j的值还是0
  this.$('numberField_kybrsytm').setValue(w);//设置数值框，w的值还是0
}

请问为什么设置选项框内容 j和w 为什么赋值变量失败了呢？

Answer 1

1. js 运行机制先同步任务 后异步任务
2. then 属于异步任务的微观任务
3. 也就说按照你的代码，同步执行var j = 0;this.$("textField_kybrsytl").setValue(j);异步值没有作用复制到文本；
4. 所以将设置值放到异步任务的成功函数里，进行赋值；
5. 还要注意this的指向，留住this。

 
export function getgps() {
  var j = 0;
  var w = 0;
  var _this = this;
  loadDDApi.then(() => {
    dd.ready(() => {
      // 获取当前地理位置信息(单次定位)
      dd.device.geolocation.get({
        targetAccuracy: 200,
        coordinate: 1,
        withReGeocode: true,
        useCache: true, 
        onSuccess: function (result) {
          var j = result.longitude;
          var w = result.latitude;
          _this.$("textField_kybrsytl").setValue(j);
          _this.$('numberField_kybrsytm').setValue(w);
        },
        onFail: function (err) { }
      });
    })
  })