자바 스크립트 객체 : 속성을 설정하지만

Question

인사말을 액세스 할 때 정의되지 않은 반환,

나는과 같이 정의 된 자바 스크립트 객체와 함께 일하고 있어요 : 나는 다음의 내부에 값을 할당

var ytVideoData = new Object(); 

jQuery .ajax() :

$.ajax({ 
    type: "GET", 
    url: "xmlproxy.php?url="+ytId+"&mode=native", 
    success: function(data) { 

     ytVideoData.thumbnail = $(data).find("media\\:thumbnail[yt\\:name='default']").attr("url"); // default thumbnail image 
    } 
}); 

또 다른 기능으로, 방금 설정 한 축소판 속성에 액세스하려고합니다. 그러나, 내가 할 때 :

function addPlaylistItem(tumblrUser, videoData) { 
    console.log(videoData.thumbnail); 
} 

나는 "undefined"이다. 나는 할 때 :

console.log(videoData); 

내가 콘솔에 로그인 한 전체 개체를 얻을 적절히과 같이 객체의 내부 설정 썸네일 속성을 볼 수 있습니다 여러 가지 방법 I 시도 후

http://mp3.deceast.com/js-objectissue.jpg

을 그냥 작동시킬 수없는 것 같습니다. 이 객체 속성에 어떻게 액세스합니까?

Answer 1

ajax를 통한 콜백은 비동기입니다. 그것은 성공 함수가 언제 실행되는지 알 수 없음을 의미합니다. 아마 무슨 일이 일어나고

순서는

$.ajax 
addPlaylistItem // undefined 
success // defined 

가 어떻게 asynchrous 콜백 잘 작동 알고있는 성공 포스트 백

success: function(data) { 
    ytVideoData.thumbnail = $(data).find("media\\:thumbnail[yt\\:name='default']").attr("url"); // default thumbnail image 
    addPlaylistItem(getTumblrUser(), ytVideoData); 
}