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

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

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

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

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

---

为什么第一种方法更好？

这取决于您的需要。例如，在主文件中，您需要使用两个类进行操作，然后必须导入它们。但是，如果这两个类没有任何共同之处，最好在需要时导入每个类。在上一个示例中，如果您只需要使用一个类，并且使用第一种方法（

在main.js中导入它们

），那么您正在加载不必要的文件，例如使用不必要的资源

这取决于你的需要。例如，在主文件中，您需要使用两个类进行操作，然后必须导入它们。但是，如果这两个类没有任何共同之处，最好在需要时导入每个类。在上一个示例中，如果您只需要使用一个类，并且使用第一种方法（

在main.js中导入它们

），那么您正在加载不必要的文件，例如使用不必要的资源

这是为了更好地维护代码

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

---

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

这是为了更好地维护代码

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

---

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

Personal Preferences这个想法是每个文件都有它的所有依赖项，并且没有更多的依赖项。Personal Preferences这个想法是每个文件都有它的所有依赖项，并且没有更多的依赖项。

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

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