在另一个js文件中调用JavaScript函数

Question

我想调用一个在second.js文件的first.js文件中定义的函数。这两个文件都在HTML文件中定义，例如：

<script type="text/javascript" src="first.js"></script>
<script type="text/javascript" src="second.js"></script>

我想打电话给fn1()在定义first.js中second.js。根据我的搜索结果，答案first.js是首先定义是否可以，但是根据我的测试，我没有找到任何方法。

这是我的代码：

second.js

document.getElementById("btn").onclick = function() {
    fn1();
}

first.js

function fn1() {
    alert("external fn clicked");
}

Answer 1

除非在同一文件中定义了该函数，或者在尝试调用该函数之前已加载了该函数，否则无法调用该函数。

除非函数的范围与尝试调用该函数的范围相同或更大，否则不能调用该函数。

您先fn1在first.js中声明函数，然后在第二步就可以拥有fn1();

1.js：

function fn1 () {
    alert();
}

2.js：

fn1();

index.html：

<script type="text/javascript" src="1.js"></script>
<script type="text/javascript" src="2.js"></script>