Question

我花了很多时间创建和测试具有相当多功能的应用程序。现在我已经配置了所有内容并且它按照我想要的方式工作，我想开始清理代码，这样就不会有400行了。

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

不可否认，我是一名新手程序员，但我在短时间内学到了很多知识。将函数分离到外部文件然后调用它们以便整个应用程序像现在一样工作的最佳方法是什么？

例如（这是一个Web地图应用程序）：我有搜索，底图库，图例，图层，init，infowindows等功能。由于代码已经编写，我将来会创建多个应用程序，目标是让文件中的这些js函数准备好被任何应用程序需要它们引用。

感谢。

Answer 1

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

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

调用函数不需要特别的东西。

onclick="myFunction();"

Answer 2

您是否可以将所有这些功能放在一个.js文件中，然后从您的网页中调用该文件？

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

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

Answer 3

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

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

以上行可以位于每个文件的顶部;第一次调用它时会创建一个新的命名空间/对象，随后它会返回你之前创建的命名空间/对象。

然后，您可以按照以下方式在MyApp下移动您的功能：

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

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