Объект класса функции Javascript, возвращающий неопределенный

Question

Привет, ребята У меня есть функция, и она возвращает класс javascript, но в runtime возвращаемое значение не определено. Когда я устанавливаю возвращаемое значение для некоторой глобальной переменной, это дает мне правильный результат на консоли разработчика 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 Аякса принимает в качестве третьего параметра в 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); 
});