Async Javascript Uncaught TypeError : Object에 'test'메서드가 없습니다.

Question

비동기 적으로로드되는 첫 번째 javascript 파일을 만들려고하지만 나중에 개체에서 함수를 호출하는 데 문제가 있습니다. 다음은

(function(){ 
    var example = { 
     test : function() { 
      alert("test function called"); 
     } 
    }; 
    window.example = example; 
})(); 

내가 다음 코드를 사용하여이 파일을 호출하려고 ... 내 예를 들어 자바 스크립트 파일 exampletest.js입니다. 나는이 스크립트를 실행하면

(function(doc, example) { 
      window.example = example; 

      var script = doc.createElement("script"); 
      script.type = "text/javascript"; 
      script.async = true; 
      script.src = "http://www.example.com/exampletest.js"; 

      var scriptTag = doc.getElementsByTagName("script")[0]; 
      scriptTag.parentNode.insertBefore(script, scriptTag); 
    })(document, window.example || []); 

    example.test(); 

나는 오류 "catch되지 않은 형식 오류 : 개체가있는 방법 '테스트'가 없습니다"나는 페이지가로드 된 후 메서드를 호출하면

이

이의 링크 클릭에 대해 말하기를 테스트 방법이 제대로 호출되고 경고 상자가 나타납니다.

나는 이것을 더 잘 이해하려고 노력하고 있었지만 지금까지 운이 좋지 않았습니다. 나는 더 이상 메소드를 가지지 않고 함수를 호출 할 수있는 방법을 더 잘 이해하려고 노력하고있다. javascript가 호출 자체를 junking하지 않고로드 한 후에 함수 호출을 푸시하는 방법이 있으므로 example.test();

Answer 1

기능을 호출하기 전에 존재하는지 확인하십시오.

이 시도 :

if (typeof example.test == function){ 
    example.test(); 
} 

참고 : 자바 스크립트가 비동기 적으로로드 할 때, window.onload이 작동하지 않습니다.

업데이트

async 데의 전체 목적은로드하는 스크립트를 기다리지 않고 페이지를로드하는 것입니다. 둘 다 가질 수는 없습니다. HTTP : // jsfiddle 실행 내가이 오류를 재현 할 수없는

<script src="exampletest.js" ></script> 

<script type="text/javascript"> 
    example.test(); 
</script>