问如何在多个文件中组织JS函数

EN

我喜欢你的问题。我编写了非常面向对象的JavaScript，并将对象构造函数保存在它们自己的文件中。我把我所有的.js文件放到一个目录中，我可以按我想要的任何方式将其组织到子目录中。然后我运行一个"make“脚本。以下是我编写的Bash脚本。我在Linux机器上工作，所以Bash脚本对我和任何在Linux上工作的人来说都是一个自然的解决方案。

#!/bin/bash

echo '' > temp0.js 
find ./bin/external -name \*.js -exec cat {} >> temp0.js \;

echo ''> temp1.js
echo '(function(){' > temp1.js
find ./bin/prop -name \*.js -exec cat {} >> temp1.js \;
echo '})();' >> temp1.js

cat temp0.js temp1.js > script.js
rm temp1.js temp0.js

如果这个bash脚本是业余的，请原谅。我坦率地承认，在bash脚本中，我只是把所有有用的东西拼凑在一起，但我喜欢我的JavaScript是干净的、有组织的和面向对象的。

此bash脚本进入一个名为"bin“的目录，该目录包含所有javascript .js文件。其中，子目录"external“包含各种借用的脚本，如JQuery。在上面的示例中，我将自己的.js脚本放在一个名为"prop“的文件夹中。bash脚本获取所有这些脚本并将它们连接在一起。它还将我自己的prop文件包装在一个匿名函数中，为它们提供一个私有名称空间(sortof)。

我想这显然不是您想要的--Java--但我认为在JavaScript中我们只能凑合使用这种选项。

JavaScripts原型模型是非常面向对象的，您可以自由地将代码分解到任意多的文件中。加载依赖项有几种不同的方法，RequireJS是一种流行的方法。

您必须以任何对您的项目有意义的方式对代码进行分段。

至于如何包含脚本，那就更难了。最简单的方法是只包含多个JavaScript文件，这些文件可以从超文本标记语言(<script src="..."></script><script src="..."></script>)中顺序调用，也可以通过依赖项管理器或加载脚本(如Yepnope或RequireJS)进行调用。

但是，如果您只想包含一个来自HTML的脚本，您可以连接这些文件(使用带有Ant或类似内容的构建脚本)，或者使用hack Javascript来包含其他脚本，如下面所述：How do I include a JavaScript file in another JavaScript file?