声明函数并在 jquery 事件绑定上调用它

Question

几天前，我看到了另一种在 jQuery 事件绑定上使用函数的方法。它包括：首先声明函数，然后在绑定上调用它，如下所示。我认为代码组织得更好。

//Função para capturar e passar os elementos para a função de apply.
function invokeSequentialFade(){
    //code...
};

//Função para Instanciar o carousel de acordo com o dispositivo.
function invokeCarousel(){
    //code...
};

//Função para instanciar o scrollfade (elementos surgirem no scroll).
function invokeScrollFade(){
    //code..
};

//Fixando a navbar no topo, caso o usuário não esteja na Home.
function manipulateFixedNavbar(){
    //code...
};

/************ END - Declaração de funções ***********/

$(window).on("resize",invokeCarousel);
$(window).on("resize",manipulateFixedNavbar);
$(window).on("resize",invokeSequentialFade);
$(document).on("scroll",invokeScrollFade);

我还没有找到任何文章来解释这是否是一个好的做法。

我的疑问是：这会造成严重破坏吗？我的页面中也有AJAX加载内容，所以我不知道这种方法是否会在任何情况下影响应用程序。

Answer 1

不，这不会损害任何功能，并且会帮助您有效地维护代码。注意：用自我执行功能包装你的所有代码，这有助于你防止你的代码从外界分发。

使用这种结构的优点： 1)可读性 2)方法可以复用 3)易于维护

Answer 2

这可能会干扰现有代码的唯一方法是，如果您有与函数同名的局部变量。

以上不太可能，所以请继续使用使代码最易读的任何内容。如果您的处理程序只有几行，我通常只使用内联匿名函数。对于更大的处理程序，它可以帮助我查看代码流，而无需挖掘 through/skip 个处理程序

声明函数并在 jquery 事件绑定上调用它

Declare function and call it on jquery event binding

javascript

jquery

organization