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

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