Javascript 敲除计算函数内的异步调用

现在我有一个敲除计算函数，它接受某些变量并对google directionsService进行ajax调用，以获取两个位置之间的距离。我对ajax请求的回调函数进行了一些计算。我想做的是仅在位置变量更改时进行ajax调用，这样它就不会在每次可观察到的更改时进行api调用

这是我最初的代码：

ko.computed(function () {

    if (checkStatus() !== "invalid-data") {
      // Encode address for google API
      var start = self.start().split(' ').join('+');
      var end = self.end().split(' ').join('+');

        var request = {
          origin: start,
          destination: end,
          travelMode: google.maps.TravelMode.DRIVING
        };

        directionsServices.route(request, function (response, status) {

          if (status === "OK") {
            // calculations
          } else {
            console.error("Error: " + status);
          }
        });
      }
    }

  }, self);

这是我重构API调用的尝试：

function getTripData() {

    var request = {
      origin: start,
      destination: end,
      travelMode: google.maps.TravelMode.DRIVING
    };

    return $.Deferred(function(dfd) {
      directionsServices.route(request, dfd.resolve());
    }).promise();
}

if (locationsChanged) {
  trip = getTripData();
  trip.done (function() {
    console.log(trip.status);
    console.log(trip.response);
  });
}

---

我知道这是不对的，代码也不起作用。我无法真正理解延迟对象和承诺对象上的JQuery文档。如果有人能帮我弄明白这一点，那就太好了。

据我所知，您的重构没有太大问题。 你要找的可能是

function getTripData() {
    var request = {
        origin: start,
        destination: start,
        waypoints: [{
            location: end
        }],
        travelMode: google.maps.TravelMode.DRIVING
    };
    var dfd = $.Deferred();
    directionsServices.route(request, function(response, status) {
        dfd.resolve(response, status);
    });
    return dfd.promise();
}

if (locationsChanged) {
    trip = getTripData();
    trip.done(function(response, status) {
        console.log(response);
        console.log(status);
    });
}