JavaScript回调函数的概念与范例

来源:互联网 发布:大数据分析应用 编辑:程序博客网 时间:2024/06/15 10:38
对于回调函数(callback)的概念实在是不好理解,于是对于网上的一些说法进行集锦,便于理解和实战。现展示如下,相关内容均已标明网址:

概念:
你到一个商店买东西,刚好你要的东西没有货,于是你在店员那里留下了你的电话,过了几天店里有货了,店员就打了你的电话,然后你接到电话后就到店里去取了货。在这个例子里,你的电话号码就叫回调函数,你把电话留给店员就叫登记回调函数,店里后来有货了叫做触发了回调关联的事件,店员给你打电话叫做调用回调函数,你到店里去取货叫做响应回调事件。(http://www.zhihu.com/question/19801131)
范例:
<html>      <head>      <meta charset="utf-8"><title>回调函数(callback)</title>   <script language="javascript" type="text/javascript">   function a(callback)   {         alert("我是parent函数a!");       alert("调用回调函数");       callback();   }   function b(){   alert("我是回调函数b");     }   function c(){   alert("我是回调函数c");     }     function test()   {       a(b);      a(c);   }     </script>   </head>      <body>   <h1>学习js回调函数</h1>   <button onClick=test()>click me</button>   <p>应该能看到调用了两个回调函数</p>   </body>      </html>  
效果:
  

(http://blog.csdn.net/lulei9876/article/details/8494337)

0 0
原创粉丝点击