공개 모듈 패턴 방법 echo undefined

Question

이 함수는 모듈 패턴을 드러내는 것으로 작성했지만 콘솔의 get 메서드를 metadataModule.get();으로 호출하면 콘솔에 undefined이 표시됩니다.

var metadataModule = function() { 
    var metadataurl = 'http://farskids326.com/data.json'; 

    function getMetadata() { 
     console.log("Metadata Function Called") 
     $.ajax({ 
      url: metadataurl, 
      dataType: "json", 
      success: function (data) { 
       console.log(data); 
      } 
     }); 
    } 
    return { 
     get: getMetadata, 
    }; 
}(); 

이 코드에서 나는 어디에서 실수를 했습니까?

Answer 1

콘솔에서 작업 할 때 마지막 명령의 반환 값은 모든 명령 뒤에 표시됩니다. 사용중인 메소드에 명시 적 리턴 값이 없습니다. 그래서, 그 이유는 undefined입니다.

이것은 아마도 귀하의 아약스 호출에 오류가 있음을 의미합니다. 성공 또는 오류 중 하나가 발생하면 너무처럼 로그인 할 변경해보십시오 : 당신은 당신의 코드를 실행하면

$.ajax({ 
    url: metadataurl , 
    dataType: "json", 
    success: function(data){ 
    console.log('called success!'); 
    }, 
    error: function(jqXHR, textStatus, errorThrown){ 
    console.log('called error!'); 
    } 
}); 

그런 다음, 당신은 정확하게 실행되고있는 콜백 볼 수 있습니다. 디버깅을 시작하기에 좋은 출발점이되기를 바랍니다.

Answer 2

getMetadata 함수는 아무것도 반환하지 않으므로 정의되지 않은 값을 반환합니다. JSON의 내용으로 응답하려면 AJAX 호출을 동기식으로 만들고 얻은 값을 반환해야합니다.

var metadataModule = function() { 
    var metadataurl = 'http://farskids326.com/data.json'; 

    function getMetadata() { 
     console.log("Metadata Function Called") 
     var content = {} 
     $.ajax({ 
      url: metadataurl, 
      async : false, 
      dataType: "json", 
      success: function (data) { 
       content = data; 
      } 
     }); 
     return content 
    } 
    return { 
     get: getMetadata, 
    }; 
}();