javascript - 我可以调用多少个匿名函数

Question

我正在学习jquery。我有以下问题。我有一个页面依赖 js 进行 ajax 并向用户报告。

所以基本上我已经创建了一个带有 $(function() {}) 构造的文件。在该构造内部，我使用标准 jquery 功能来处理我的模式窗口，smth。喜欢

 $('.text-danger').hide();
    $(".btnajax").click(function() {})

但现在我想在同一页面而不是同时使用另一个模式窗口。什么是更好的方法:

1. 在引用特定按钮和表单操作时，继续使用相同的匿名函数构造并继续使用 ID 和类吗？或

2. 创建新的匿名函数构造？或

3. 创建命名函数并在需要时调用它们？

我想从头开始正确构建，这样当我更好地使用 JS 时，我就不必重做所有事情。

提前谢谢您。

Answer 1

Continue inside the same anonymous function construct and keep working with IDs and Classes when referencing the specific buttons and form actions?

这不是一个好主意，因为每次您使用按钮或表单执行某些操作时，它都会访问 DOM，这不必要地昂贵。

Create new anonymous function construct?

实际上，匿名函数很少是一个好主意，因为它们使您的代码难以阅读。想象一下没有命名函数并且一切都是匿名的。这将要求读者始终获取上下文，以便快速理解该函数正在做什么

Create named functions and call them when needed?

特别是在重用该功能时，这是一个好主意。但就可读性而言，它也很好，因为函数的名称描述了正在发生的事情，因此当某人(您)在一段时间后再次阅读代码时，无需研究函数体即可知道正在发生的情况。

除此之外:

I would like to build correctly from the scratch, so I don't have to redo everything later when I'm better with JS.

我可以告诉你:一旦需求发生变化，你将不可避免地重写部分代码。这正是编码的意义所在。您无法预见您的应用程序所需的每项更改。如果你尝试这样做，那么你最终会得到一个过度设计的代码。相反，您应该遵循 YAGNI 。一般来说，对于不仅仅是 5 个按钮和一个表单的所有内容，带有 jQ​​uery 的 JS 文件并不是最佳选择。那些时代已经结束了。切换到可以将模型、(模型) View 和 Controller 之间的关注点分离的东西。