对象构造函数和Javascript中的返回值

Question

function makeHttpRequest(url, success) { 
$.ajax({ 
     url: url, 
    dataType: "jsonp", 
crossDomain: true, 
    mimeType: 'application/javascript', 
     async: false, 
    success: success 
    }); 
} 

    var actions = { 
     get_min_hit_list_bounty: function (user_id) { 
      makeHttpRequest("get_min_hit_list_bounty?target_id=" + user_id + "&", function (data) { 
      var data = data['body'], 
       xml = convert(data); 
      this.min_cost = $(xml).find('min_cost').text(); 

     this.cost = function() { 
      return this.min_cost; 
     } 
     }); 
    } 
}; 
var myBounty = new actions.get_min_hit_list_bounty(user); 
alert(myBounty.cost()); 

我无法从此类对象返回任何东西。我读过很多关于使用原型并使用“this”来公开它，但我没有得到任何地方。有人能解释为什么这不起作用吗？

TypeError: Object [object Object] has no method 'cost'

Answer 1

我相信它应该是这样的：

var actions = { 
     get_min_hit_list_bounty: function (user_id) { 
      this.userId = user_id; 
      this.min_cost = 999999; 

      this.cost = function() { 
       return this.min_cost; 
      }; 

      this.getMinCost = function(callback) { 
       var me = this; 

       var queryString = [ 
       "get_min_hit_list_bounty?target_id=", 
       this.userId, 
       "&"].join(""); 

       makeHttpRequest(queryString, function (data) { 
        var data = data['body'], 
        xml = convert(data); 
        me.min_cost = $(xml).find('min_cost').text(); 
        callback.apply(me); 
       }); 
      } 
     } 
}; 

var myBounty = new actions.get_min_hit_list_bounty(user); 

myBounty.getMinCost(function() { 
    alert(this.cost()); 
}); 

你必须理解代码是如何工作的同步。这不仅仅是一组执行后果的指令。从事件和回调的角度考虑它。 谷歌应该帮忙。

Answer 2

这与对象构造函数无关。

最重要的是你混淆了异步调用的工作方式（AJAX中的第一个A！）。 makeHttpRequest中的匿名函数是通过请求的结果调用的 - 可以在执行其余代码之后的任何时间，或根本不执行。

您需要让您的代码事件驱动 - 即您发出AJAX请求并在响应返回时运行代码。

例如：

var onSuccess = function(data) { 
    var data = data['body'], 
    xml = convert(data); 
    // ... etc 
} 

makeHttpRequest(url, onSuccess);