JavaScript関数のクラスオブジェクトは未定義のまま返します

Question

こんにちは私は関数を持っており、JavaScriptクラスを返していますが、実行時戻り値は未定義です。何らかのグローバル変数に戻り値を設定すると、Chrome開発者コンソールで正しい結果が得られました。なぜそれが起こっているのですか？

var globalData; 

$(document).ready(function(){ 

var request = postRequest("contact", dt, elem); 

     globalData = request; 

     console.log(request.status); //this gaves me undefined 

}); 


function returnObj(status, message, projects) { 
    this.status = status; 
    this.message = message; 
    this.projects = projects; 
} 



function postRequest(method, vars, elem) { 

    var result = new returnObj(); 

    $.post('api.aspx', 
     { 
      method: "test" 
     }, 
     function (data, status) { 
      var resultObject = $.parseJSON(data); 

      result.status = resultObject.status; 
      result.message = resultObject.message; 
      result.projects = resultObject.projects; 


     }); 

    return result; 

} 

Answer 1

あなたpost AJAXリクエストは、第三パラメータasyncronousあるcallback関数として受け付けます。

return result;文は、callbackが完了する前に呼び出され、その理由がundefinedです。

callback機能を作成することをおすすめします。

function postRequest(method, vars, elem,callback) { 
             ^^^^^^^^ 
    var result = new returnObj(); 
    $.post('api.aspx', 
     { 
     method: "test" 
     }, 
     function (data, status) { 
      var resultObject = $.parseJSON(data); 
      result.status = resultObject.status; 
      result.message = resultObject.message; 
      result.projects = resultObject.projects; 
      callback(result); 
    }); 
} 

どのように関数を呼び出す：

postRequest(method, vars, elem, function(result) { 
    console.log(result); 
});