對象構造函數和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);