调用外部js文件

Question

我正在尝试从另一个调用外部js文件 js文件。这是我的代码：

file1.js

function func1(id){
 var NewScript= document.createElement('script')
 NewScript.src="file2.js"
 document.body.appendChild(NewScript);
 func2(id);

}

file2.js

function func2(id)
{
    alert("im here " +id);

}

但是当我运行它时它会发出“func2未定义”。 我做得对吗？

有人能帮助我吗？

由于

Answer 1

您必须等待实际加载/解析脚本。 .appendChild将立即返回并且您的代码将继续运行，可能在浏览器有机会获取新脚本之前很长时间。

在代码中从.appendChild（）移动到func2（）可能是毫秒或微秒，而获取脚本的时间可能是整秒，具体取决于当时网络的有效损耗/延迟。

Answer 2

<强> import1.js：

var b = function ( id ) {
    console.log( id );
};

<强> import2.js：

$watch

<强>结果：

real world working example