将功能封装在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 个库的束缚，但这是你的选择。