document.write插入的js文件，为什么里面的方法都用不了

Question

 var list = ['language.js','formCommon.js','approve.js'];
 for(var i=0;i<list.length;i++){
     document.write('<script type="text/javascript" src="script/'+list[i] + '?v=' + ver +'">' + '</sc' + 'ript>');
 }
 
 //getData方法来自approve.js，为什么拿不到
 const params = getData()

Answer 1

js代码是即时执行的，dom渲染相比js执行还是慢很多，简而言之就是你的js还没插入到页面上就去调用了getData，可以试下延迟一秒后再去调用，就可以验证了

var list = ['language.js','formCommon.js','approve.js'];
for(var i=0;i<list.length;i++){
 document.write('<script type="text/javascript" src="script/'+list[i] + '?v=' + ver +'">' + '</sc' + 'ript>');
}

setTimeout(() => {
  const params = getData()
}, 1000);