从其他文件调用更新的javascript函数

Question

我已经更新了JavaScript文件（index.js）中的功能。 index.js是自动生成的（每次我创建一个新的panaorama场景时）。我希望能够将更新的函数放在新文件（custom_functions.js）中，并在index.html中添加一行以包含此.js。

<script src="js/data.js"></script>
<script src="../vendor/index.js"></script>
<script src="js/custom_functions.js"></script>

</body>
</html>

我的更新函数没有被调用（它是从index.js调用的），所以我想知道我尝试做的事情是否可能？

Answer 1

在HTML中包含外部JavaScript文件时，文件的顺序很重要。如果存在与另一个文件相关的脚本（即，它们具有在其他位置访问的变量/函数），则必须首先包含它们。

例如，如果我有a.js和b.js如下：

a.js

b();

b.js

function b() {
    return true;
}

然后以下内容将引发错误：

<script src="a.js"></script>
<script src="b.js"></script>

但是，以下内容不会：

<script src="b.js"></script>
<script src="a.js"></script>

根据Mortz的建议，如果custom_functions.js需要在index.js中定义的变量或函数，则应在index.js之前加入custom_functions.js。