jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 看不到将函数作为(参数)而不是{do something}的逻辑大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我是 JavaScript和JQuery的新手,需要帮助才能看到这个例子中的逻辑:
如果我想在click事件上隐藏div,正确的解决方案如下所示:

$(document).ready(function() {
     $('div').click(function() {
         $('div').hide();
     });
});

但对我来说,如果它看起来像这样会更有意义:

$(document).ready() {
   $('div').click() {
       $('div').hide();    
   };
};

希望有人理解为什么我发现这令人困惑,并能解释我明显错过的东西.

解决方法

UI编程本质上是 Event driven.

在此范例中,无论您使用何种语言,都必须定义将在事件发生时运行的事件处理程序.
在您的示例中,如果您使用不太紧凑的语法,则更具表现力:

$('div').on('click',reaction);

在纯OOP(例如java)中,反应将是实现特定接口的对象:

import java.util.observer;
public class ResponseHandler implements Observer {
  ...
}
ResponseHandler reaction = new ResponseHandler();

现在,欢迎使用Javascript!

由于Javascript函数Higher-order,将函数作为参数传递是一种常见的做法,它们被命名为callbacks.而且,当定义此回调函数时,javascript也非常冗长.

必须使用完整函数表达式来定义回调(命名或匿名).或者你可以转移到Coffescript化妆品来浏览这些函数定义(但它们只是语法糖,因为无论如何都存在函数定义).

您发明的{}语法或coffescript箭头语法实际上隐藏了实际的反应.

$('div').on('click',reaction);

javascript中的反应只是一个函数,一个回调函数.

现在,jQuery事件是reactor engine一个实现,允许您的应用程序代码与实际引擎完全分离.这意味着jQuery应用程序是一组对事件的反应定义:

>只要文档准备就绪,请执行此操作.>每当用户点击div时,就这样做.>每当鼠标进入跨度,做任何事情.

大佬总结

以上是大佬教程为你收集整理的jquery – 看不到将函数作为(参数)而不是{do something}的逻辑全部内容,希望文章能够帮你解决jquery – 看不到将函数作为(参数)而不是{do something}的逻辑所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。