Javascript导出类，而不仅仅是在索引文件中引用它们

Question

为什么我要在单独的文件中编写单独的类，只是为了需要在中心文件main中引用它们.js

import Class1 from "./Class1.js";
import Class2 from "./Class2.js";
export default {
Class1,
Class2
};

，然后在索引文件中引用该中心文件

<script src="main.js"></script>

而不是只在索引文件中引用它们，这更简单

<script src="Class1.js"></script>
<script src="Class2.js"></script>

在这两种情况下，我都可以创建实例：

const class1 = new Class1();
const class2 = new Class2();

为什么第一种方法更好？

Answer 1

这取决于您的需要。例如，在主文件中，您需要使用两个类进行操作，然后必须导入它们。但是，如果这两个类没有任何共同点，则最好在需要时导入每个类。在最后一个示例中，如果您只需要使用一个类，并且使用第一种方法(import them in main.js(，则加载不必要的文件，例如使用不必要的资源。

Answer 2

它是为了更好的代码可维护性。

假设您有 100 个文件，它们使用了不同的类。

如果我们想在这 100 个文件中添加新类，您需要将它们全部编辑。但是如果你有main.js，你只需要更新1个文件。