声明函数并在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）易于维护