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

这取决于您的需要。例如，在主文件中，您需要使用两个类进行操作，然后必须将它们导入。但是，如果两个类没有共同点，最好在需要时导入每个类。在最后一个示例中，如果您只需要使用一个类，而第一种方法（$sql = <<<'SQL' UPDATE table SET field = replace(field, :old_string, :value) WHERE field LIKE :searchable_old_string SQL; Yii::app()->db->createCommand($sql)->execute([ 'old_string' => $old_string, 'value' => $model->value, 'searchable_old_string' => "%$old_string%", ]);）则在加载不必要的文件，例如使用不必要的资源。

Answer 2

它具有更好的代码可维护性。

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

如果我们要将新类添加到这100个文件中，则需要对其全部进行编辑。但是，如果您拥有main.js，则只需更新1个文件。

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

2 个答案: