Javascript 声明函数并在jquery事件绑定时调用它
几天前,我看到了在jQuery事件绑定上使用函数的另一种方法。它包括:首先声明函数,然后在绑定上调用它,如下所示。我认为代码组织得更好Javascript 声明函数并在jquery事件绑定时调用它,javascript,jquery,organization,Javascript,Jquery,Organization,几天前,我看到了在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 dispositiv
//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加载的内容,因此我不知道这种方法在任何情况下是否会影响应用程序。不,这不会损害任何功能,并将帮助您高效地维护代码。注意:使用自我执行功能包装所有代码,这有助于防止代码从外部传播 使用此结构的优点:
1) 可读的2)方法可以重复使用3)易于维护唯一可能干扰现有代码的方法是,如果您有与函数同名的局部变量
上述情况不太可能发生,因此请继续使用使代码最具可读性的内容。如果处理程序只有几行,我通常只使用内联匿名函数。对于更大的处理程序,它可以帮助我查看代码流,而无需深入/跳过处理程序通过删除函数体使代码更干净,这些函数体对于显示示例来说是不必要的。这样我们就不必滚动到绑定部分。示例:
函数invokeCarousel(){…}
Nice one@HanletEscaño。刚刚编辑过!谢谢美丽的。谢谢你的调整。现在让我们来做一点贡献,如果我打算重用代码,这就是我编写函数的方式。如果您再也不会使用函数/代码,我认为将其作为$(window).on(“resize”,function(){})包含在绑定中没有什么害处代码>我认为这是一个偏好和语法糖的问题。这将帮助您有效地管理代码,不要忘记使用自执行函数包装以避免外部世界的攻击者。@Manivannan您是指(function(){…})()代码>?要点是:这会导致问题吗?注释与问题无关,需要进一步解释。你真的想解释为什么你应该这样做。当我提到进一步解释时,我说的是关于自动执行函数@last语句的无关注释,他还担心如果这种方法在任何情况下都会影响应用程序
。这就是我重新开始使用自执行函数来避免这种情况的原因。