动态加载JS文件时的上下文

Question

我有一个在需要时加载JS文件的函数：

function loadjsFile(filename){
  var fileref=document.createElement('script');
  fileref.setAttribute("type","text/javascript");
  fileref.setAttribute("src", filename);
  if (typeof fileref!="undefined"){
    document.getElementsByTagName("head")[0].appendChild(fileref);
  }
}

Test.js包含

var xxx = 123;

如果我尝试加载此文件，我看不到xxx（未捕获的ReferenceError：xxx未定义）

loadjsFile("test.js");
$(document).ready(function(){
  console.log(xxx);
});

但是，如果我在调试控制台中运行它，它可以工作。我是以错误的方式解决这个问题吗？