回调函数

简介:

1今天说一下我对回调函数的认识和理解. 

Js代码   收藏代码
  1. var addEvent = (function () {  
  2.     if (document.addEventListener) {  
  3.         return function (type, element, fun) {  
  4.             element.addEventListener(type, fun, false);  
  5.         }  
  6.     }  
  7.     else if (document.attachEvent) {  
  8.         return function (type, element, fun) {  
  9.             element.attachEvent('on' + type, fun);  
  10.         }  
  11.     }  
  12.     else {  
  13.         return function (type, element, fun) {  
  14.             element['on' + type] = fun;  
  15.         }  
  16.     }  
  17. })();  
  18. var removeEvent = (function () {  
  19.     if (document.removeEventListener) {  
  20.         return function (type, element, fun) {  
  21.             element.removeEventListener(type, fun, false);  
  22.         }  
  23.     }  
  24.     else if (document.detachEvent) {  
  25.         return function (type, element, fun) {  
  26.             element.detachEvent('on' + type, fun);  
  27.         }  
  28.     }  
  29.     else {  
  30.         return function (type, element, fun) {  
  31.             element['on' + type] = null;  
  32.         }  
  33.     }  
  34. })();  

 

其实我们收到短信,手机铃声响起就是一个回调函数

Js代码   收藏代码
  1. var ring= function () {  
  2.         //手机铃声响起或手机震动  
  3.     };  
  4.     addEvent('收到短信', 手机, ring);  

 我们读小学时,午休会让班长(监听器)巡逻,看哪个小伙伴(事件目标)睡觉不老实(比如说话打闹,这是事件),一旦发现就通知班主任(事件处理程序). 

这里涉及到4个概念: 
(1)监听器:负责不断地检查各个元素,看是否有事件发生,我们可以先简单地理解为轮询; 
(2)事件:比如小伙伴挠别人脚丫,这个按钮被点击了. 
(3)事件目标:事件发生在谁身上,这个按钮被点击了,那么这个按钮就是target 
(4)事件处理程序:当事情发生时该怎么办呢?交给谁处理呢?比如班长发现小明捣乱不让同桌睡觉,就会通知班主任(事件处理程序)处理. 
回调函数就相当于事件处理程序.上述代码中的ring就是回调函数,也是事件处理程序.

Html代码   收藏代码
  1. <html>  
  2. <head lang="en">  
  3.     <meta charset="UTF-8">  
  4.     <title></title>  
  5.     <script type="application/javascript">  
  6.         var sayHellofunction () {  
  7.             alert("找我干嘛");  
  8.         }  
  9.     </script>  
  10. </head>  
  11. <body>  
  12. <div id="outDiv" style="width: 200px;height: 50px;background-color: #9a9afb">  
  13.     <input type="button" id="myBtn" onclick="sayHello();" value="点我啊"/>  
  14. </div>  
  15. </body>  
  16. </html>  

 上例中,sayHello就是回调函数 

XMLHttpRequest的onreadystatechange也是回调函数

Java中有没有回调函数呢?没有!js中可以把函数当做变量来传递,但是java中不能,java中是通过接口来实现监听器模式的.

Js代码   收藏代码
  1. delButton_1 = new JButton("删除注释");  
  2.         delButton_1.addActionListener(new ActionListener() {  
  3.             @Override  
  4.             public void actionPerformed(ActionEvent e) {  
  5.                 String domain=domainTextField1.getText();//Constant2.HOSTS_PATH  
  6.                 opHosts(domain, false);  
  7.             }  
  8.         });  

 如上java 代码,给按钮的点击事件增加了一个事件处理程序,我们传过去的是一个接口,当事件(用户单击)发生时就会执行actionPerformed 方法,而不是执行其他方法.也就是说actionPerformed 相当于一个事件处理程序,具体怎么反应,我们可以实现这个接口,来做具体的响应. 

参考:http://blog.csdn.net/hw1287789687/article/details/45876843

http://blog.csdn.net/hw1287789687/article/details/45877693

相关文章
|
10天前
|
前端开发
|
4月前
|
中间件 Linux API
回调函数和注册回调函数你还不理解吗.......
回调函数和注册回调函数你还不理解吗.......
|
6月前
|
前端开发 JavaScript 测试技术
理解回调函数
理解回调函数
45 0
|
7月前
【回调函数】
【回调函数】
22 0
|
7月前
|
API C++
回顾C++回调函数
回顾C++回调函数
|
11月前
|
C++
「C/C++」C/C++ 回调函数
「C/C++」C/C++ 回调函数
|
11月前
回调函数实例
回调函数实例
47 0
回调函数是异步吗?回调函数和异步操作的关系
回调函数是异步吗?回调函数和异步操作的关系
|
Java C语言 C++
c++ 回调函数的使用
java的回调函数可能都不陌生,使用接口interface的方式,在接口中定义回调函数。函数参数可以是interfance。调用函数的时候,实现这个interface的函数即可。
169 0
c++ 回调函数的使用