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

Question

来自经典的 OOP 背景，我最近开始学习更多关于 JavaScript 的知识。但是，有一件事我不太清楚:

在经典的 OOP 语言中，您通常为每个类创建一个单独的文件，因为这样可以更轻松地维护您的代码。 JS 没有真正的类，据我所知，也没有一种真正直接的方法可以从一个文件中包含另一个 JS 文件。但是，当您与团队一起处理大型 JS 项目时，您可能希望将项目拆分为多个文件。这是怎么做到的？你在这些文件中放了什么，你如何让它们正确加载？

Answer 1

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

#!/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 文件包装在一个匿名函数中，为它们提供一个私有(private)命名空间 (sortof)。

我想很明显这不是您想要的——Java——但我认为这种选项是我们必须在 JavaScript 中使用的。