从其他文件调用更新的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 。