이 함수에서 적절한 데이터를 반환하는 방법은 무엇입니까?

Question

function getUserData(name) { 
var userData = {}; 
twitter.get('http://api.twitter.com/1/users/lookup.json', {screen_name:name}, function(data) { 
    userData = { 
     name: data[0].screen_name, 
     screenname: data[0].screen_name, 
     id: data[0].id, 
     url: data[0].url, 
     description: data[0].description 
    } 
}); 
return userData; 
} 

내가 좋아하는 뭔가를 쓸 수 있도록하려면 :

var userData = getUserData(name); 

을하고 그 userData에 개체를 반환해야합니다.

Answer 1

그렇지 않습니다.

AJAX 호출은 비동기식입니다. 콜백은 어떤 방식 으로든 사용해야합니다.

function getUserData(name, cb) { 
    var userData = {}; 
    twitter.get('http://api.twitter.com/1/users/lookup.json', { 
     screen_name: name 
    }, function(data) { 
     userData = { 
      name: data[0].screen_name, 
      screenname: data[0].screen_name, 
      id: data[0].id, 
      url: data[0].url, 
      description: data[0].description 
     } 
     cb(userData); 
    }); 
} 

getUserData(name, function(userData) { 
    // do stuff. 
}); 

당신이 jQuery를 1.5을 사용하는 경우 jQuery Deferred 객체 이연 약속을 사용할 수 있습니다.

function getUserData(name, cb) { 
    var def = new jQuery.Deferred(); 
    twitter.get('http://api.twitter.com/1/users/lookup.json', { 
     screen_name: name 
    }, function(data) { 
     var userData = { 
      name: data[0].screen_name, 
      screenname: data[0].screen_name, 
      id: data[0].id, 
      url: data[0].url, 
      description: data[0].description 
     } 
     def.resolve(userData); 
    }); 
    return def.promise(); 
} 

var promise = getUserData(name); 
promise.done(function(data) { 
    // do stuff. 
});