javascript - 如何在不同的JS文件之间访问函数？

Question

这个问题不太可能对任何 future 的访客有帮助；它只与一个较小的地理区域、一个特定的时间点或一个非常狭窄的情况相关，通常不适用于全世界的互联网受众。如需帮助使此问题更广泛适用， visit the help center 。

已关闭 10 年前。

我试图通过使用多个专注于某些特定任务的 javascript 文件来分离应用程序的逻辑。

JS 文件中定义的函数需要在文件本身之间进行访问。

我知道调用函数的顺序很重要，定义“全局”与“本地”范围也很重要。在以下文件中，文件未包装在函数中，因此我认为它们位于全局范围内。

file1.js

function addingToDOM(stuff) {
...  
...
}

file2.js

// call addingToDOM
addingToDOM(someStuff);
function doOtherTHings() {
...
...
}

HTML(文件顺序)

<script src="file1.js"></script>
<script src="file2.js"></script>

错误
addingToDOM is not defined

file2.js来电 file1.js之后file1.js在 HTML 中。
我不明白为什么它没有定义。

Answer 1

您的 JS 文件应该只定义函数并调用同一 JS 文件中的函数。如果要从另一个 JS 文件中调用函数，则需要首先加载该 JS 文件。我会将所有调用代码(有点像其他语言(例如 C)中的“main”函数)放在一个位置，最好放在 html 文档的末尾。毕竟，其他 JS 文件(和标记)已加载。这并不是说您不能从 file2 调用 file1 中的函数，而是它们都应该在代码开始运行之前完全加载。

您的设置应该按原样工作，但请确保调用第一个需要运行的函数，该函数不是在 JS 文件中运行，而是在 HTML 文档的末尾运行。