createElement 加载JQ的疑问

最近在研究createElement 加载的玩法。然后发现一个比较难理解的事情。

页面 第一步通过createElement 加载一个JQ库。然后下面要是又一段代码 $(function(){}) ; 则会提示 $没定义。

这时候，可以通过一些手段来处理。

function asdsad(){
    if(!window.jQuery){
        var script = document.createElement('script');
        script.src = 'jquery-1.8.3.min.js';
        script.type = 'text/javascript';
        script.async = true;
        document.getElementsByTagName('head')[0].appendChild(script); <span></span> setTimeout(asdsad(),3000)
    }else{
        alert("dd")
        $(function(){
           alert("d")
        })
        //console.dir(window.$)
    }
}
asdsad()

为什么一定要用setTime out ?

目前我想到的是，由于代码片段早于浏览器加载完成，因此通过createElement 加载的，将会是 没定义。蛋疼中。