javascript - 将功能封装在 jQuery 插件或 vanilla JavaScript 函数中哪个更好？

Question

假设我有一些 JavaScript 可以修改 DOM，也许可以隐藏/显示表单字段或类似的东西，假设我想在多个页面上执行此任务，但每个页面只执行一次或两次。

将此功能封装到 jQuery 插件或 vanilla JavaScript 函数中哪个更好？

本质上，是这样的:

jQuery.fn.toggleFormInput = function() {
    // Stunning JavaScript/jQuery magic here
}

比这更好或更差:

function toggleFormInput () {
    // Stunning JavaScript/jQuery magic here
}

Answer 1

这实际上取决于您网站的其余部分。如果您正在使用 jQuery 库的其余部分，那么您可以在自己的内部使用 jQuery 特定函数 - each() 就是一个很好的例子。这种 jQuery 魔法可能会让您编写更少的代码。我会研究做某种基准测试，您可以在其中同时编写两者并查看哪个执行速度更快。

但是如果您想要一个可以在没有依赖性的情况下从一个站点移动到另一个站点的功能，那么单独使用 Javascript 可能是个好主意。就我个人而言，我倾向于使用纯 Javascript，这样我就不会被任何 1 个库所束缚，但这是你的选择。