Невозможно вернуть значение изнутри функции

Question

Эта функция не позволяет мне передавать данные вне функции. Он возвращает правильные данные, но всякий раз, когда я пытаюсь добавить его в массив или аналогичный вне функции, он ничего не вернет. Мне известно о некоторых избыточных json-синтаксисах и строках, но, пожалуйста, проигнорируйте это. Ive пытался установить глобальные переменные без везения.

var item.jid = 342323; //example 
p = connection.vCard.get(item.jid); 

p.done(function(vCard) { 
    var json = JSON.stringify(vCard); 
    var json = $.parseJSON(json); 

    $(json).each(function(item,val) { 
     $.each(val,function(k,v) { 
      var json2 = JSON.stringify(v); 
      var obj = JSON.parse(json2); 
      var what = obj.BINVAL; 

      if(what != undefined) { 
       var bgimg = what; 
       bgimg = "data:image/jpeg;base64,"+bgimg; 
       //console.log(bgimg); //This returns correct data, but only from within this each loop. 
       //return bgimg; //this does not return anything 
       //arr.push(bgimg);//this does not push anything to array 
       //console.log(item.jid); //does not return global var 
      } 
     }); 
    });   
}); 

EDIT
Heres функция им пытаются потянуть (с изменениями от ответа Роми в) для дальнейшего уточнения: я строю contactroster с аватарами.

var bgimg=null; 
var arr = new Array(); 
function getAvatar(vCard) { 
      var json = JSON.stringify(vCard); 
      var json = $.parseJSON(json); 
       $(json).each(function(item,val){ 
        $.each(val,function(k,v){ 
         var json2 = JSON.stringify(v); 
         var obj = JSON.parse(json2); 
         var what = obj.BINVAL; 
          if(what != undefined){ 
           bgimg = what; 
           bgimg = "data:image/jpeg;base64,"+bgimg; 
           arr.push(bgimg); 
           //console.log(bgimg); //This returns correct data. 
          } 

        }); 
       }); 
     }; 

function getRoster(){ 

connection.roster.requestRoster(function(roster){ 
    var items = roster.getItems(); 
    for(var i = 0; i < items.length; i++){ 
     var arr = new Array(); 
     var item = items[i]; 
     var thejid = item.jid; 
     var thename = item.name; 
     arr.push(thejid); 
     arr.push(thename); 
     p = $.Deferred(); 
     p = connection.vCard.get(item.jid); 
      p.done(function(vCard) { 
       getAvatar(vCard); 
      }); 
     p.resolve(); 
     console.log(arr); 
var theavatar = //This would return whatever the deferred function would throw me. 

     $('.sidebar-nav').append("<li class='contacts'><div id='"+thejid+"' class='avatar' src='"+theavatar+"'></div><a href='#' class='"+thejid+"'>"+thename+"</a></li>"); 

    } 

Answer 1

Вы находитесь в режиме асинхронного/отложенного исполнения.

Я не вижу никакой пользы (он не будет работать либо), чтобы вернуться, как вы делали:

You can use global variable if you want:

var d = $.Deferred(); 

var myResult=null; 

d.done(function (a){ myResult=a;}) .done(function(){ alert(window["myResult"])}) 


d.resolve(1); //will alert "1" 

, но я бы предпочел:

var d = $.Deferred(); 


function doWhatever(x) 
{ 
    //do wtf you want 
    alert(x) 
} 

var myResult=null; 

d.done(function (a){ doWhatever(a)}); 


d.resolve(1); 

http://jsbin.com/potula/1/edit