javascript - 创建和调用外部 JS 文件

Question

我花了很多时间来创建和测试一个包含很多功能的应用程序。现在我已经配置了所有内容并且它可以按照我的意愿工作，我想开始清理代码，使其不再是 400 行的糊状。

我已经创建了一个外部 CSS 文件，并且想对 JS 甚至可能是 HTML 做类似的事情（大约 100 行 HTML 代码，ick）。

诚然，我是一名新手程序员，但在我做这件事的短时间内，我已经掌握了相当多的知识。将函数分离到外部文件然后调用它们以使整个应用程序像现在一样工作的最佳方法是什么？

例如（这是一个网络地图应用程序）：我有搜索、底图库、图例、图层、init、infowindows 等功能。由于代码已经编写，我将在未来创建多个应用程序，目标就是将这些 js 函数放在文件中，以供任何需要它们的应用程序引用。

谢谢。

score 2 · Accepted Answer

要链接外部 javascript 文件，请放置一个带有 src 属性的脚本标记，该属性指向您的文件。

<script src="legend.js"></script>
<script src="layers.js"></script>
<script src="init.js"></script>

调用函数不需要什么特别的。

onclick="myFunction();"

score 1 · Accepted Answer

你能不能把所有这些函数放在一个 .js 文件中，然后从你的网页中调用该文件？

<script src="../scripts/javascript.js"></script>

然后在需要时调用你的函数？

score 1 · Accepted Answer

您可能考虑做的第一件事是以如下方式为您的函数创建一个非全局“命名空间”：

window.MyApp = window.MyApp || {};

上面的行可以在每个文件的顶部；第一次调用它时，它会创建一个新的名称空间/对象，随后它会返回您之前创建的名称空间/对象。

然后，您可以通过以下方式在 MyApp 下移动您的函数：

MyApp.func1 = function() {...}

Google 用于创建 Javascript 命名空间，可能还有 Javascript 模块模式

3 回答 3