javascript - Javascript“回调”功能不起作用

Question

我使用 Google map API v3 来绘制路线。但是对于某些路径，该路线未绘制在地图中。所以我写了一个回调函数。但它不起作用，我的代码是

function putRoute(request,color,callback)
{
  var color   = color;
  var request = request;

  directionsService.route(request, function(response, status) {
    if (status == google.maps.DirectionsStatus.OK) {
      var polylineOptionsActual = {
        strokeColor  :color,
        strokeOpacity: 1.0,
        strokeWeight : 5,
      };

      var directionsRenderer = new google.maps.DirectionsRenderer;
      directionsRenderer.setMap(map);
      directionsRenderer.setOptions( { polylineOptions: polylineOptionsActual, suppressMarkers: true} );
      directionsRenderer.setDirections(response);
    }
  });

  if (typeof callback === "function") {
    callback(request,color);
  }
}

putRoute(request,color,function() {

});

Answer 1

当我将回调定义为时，我遇到了同样的问题：

function callback() {
...
}

然后我将其更改为：

callback = function() {
...
}

一切正常！希望能帮助到你 ;）

Answer 2

您的回调例程位于错误的位置。它需要在 DirectionsService 的回调函数中：

function putRoute(request,color,callback)
{
  var color   = color;
  var request = request;

  directionsService.route(request, function(response, status) {
    if (status == google.maps.DirectionsStatus.OK) {
      var polylineOptionsActual = {
        strokeColor  :color,
        strokeOpacity: 1.0,
        strokeWeight : 5,
      };

      var directionsRenderer = new google.maps.DirectionsRenderer;
      directionsRenderer.setMap(map);
      directionsRenderer.setOptions( { polylineOptions: polylineOptionsActual, suppressMarkers: true} );
      directionsRenderer.setDirections(response);
      // only execute callback on success   
      if (typeof callback === "function") {
        callback(request,color);
      }
    } else { 
      alert("Directions request failed:" + status); 
    }
  });

}

Answer 3

尝试将函数 putRoute 重命名为

function putRoute(request,color){}

Answer 4

我猜这个条件不正确：

  if (typeof callback === "function") {

我会把它改成

  if (typeof callback != "undefined") {

至少，我知道最后一个代码是有效的。

你也可以试试这个：

if (callback instanceof Function) {
// do stuff;
}