回调函数

因为javascript的运行机制的原因，jquery作为成熟的工具，为javascript提供了大量的回调函数(callback)。 因为回调函数的工作原理以及工作时机，很多新手对回调函数不能熟练运用。回调函数的重要作用之一，就是在某项操作完成时，进行下一项操作。这两项操作功能上不一定耦合，但是逻辑上却必须耦合。意思是前一个操作实现的功能(效果)可以和回调函数实现的功能毫无联系，但是二者在代码逻辑上却是耦合的。耦合的意思是说，当一操作进行后，二操作会紧跟进行，二者的运行关系密不可分。回调函数增加了程序的耦合性，使代码的逻辑更容易理解。 回调函数的用处在javascript中可谓处处体现，比如最为重要的就是AJAX回调。 Jquery中提供了大量大回调函数，比如complete，success，fail等操作。这些操作的调用时机就如同他们的名字一样。success以为着成功的时候调用，等。 举个简单的例子，以jquery中的动画为例，现在我想实现一个让id为animate的dom对象宽度边长的动画，在这个对象变长之后，我想要提示用户，这个对象已经变长了。因此，我得使用以下的代码： $("#animate").animate({ width: 200}, { duration： 500， success: function() { alert("width 已经变长了"); }, error: function() { alert("出现了错误"); }});以上的代码定义了两个回调函数success和error，顾名思义，success是在成功的时候就会调用，error是在出错误之后调用。 这就是回调函数的基本运用。 看到这儿，或许你会问，为什么我不直接用这样的代码呢？ try { $("#animate").animate({ width: 2000 }， 500, "linear"); alert(""width已经变长了);} catch(error) { alert("出错了");}如果你测试你会发现，动画并未完成，就出现了alert弹窗。 这就是javascript的运行机制所造成的，javascript的运行机制分为同步和异步，异步操作会破坏脚本的执行流，使得程序跳过异步（异步仍然在进行）而进入接下来的程序，异步操作即使在进行，也不会影响javascript的继续执行，也就是不会产生阻塞。同步操作中的定时操作有着与异步很相似的运行机制，但是依然是同步操作。以上的错误正是由于定时操作引起的。 回调函数的作用，最为重要的运用，就是运用在异步操作和定时操作。 jquery中运用回调函数最重要的地方有两个，一个是动画回调（就是在动画执行完成，或者执行错误，或者执行失败的时候调用），以及ajax（同动画）。ajax与回调是密不可分的。

jquery ajax 回调函数只要配置正确就可以使用 $.ajax({ url: "test.html", context: document.body, success: function(){ alert("回调函数") }}) 使用代码如上 回调函数实现的机制是： ⑴定义一个回调函数； ⑵提供函数实现的一方在初始化的时候，将回调函数的函数指针注册给调用者； ⑶当特定的事件或条件发生的时候，调用者使用函数指针调用回调函数对事件进行处理。 知道拓展： jQuery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中，有59%使用了jQuery，是目前最受欢迎的JavaScript库。 回调函数是应用程序提供给Windows系统DLL或其它DLL调用的函数，一般用于截获消息、获取系统信息或处理异步事件。在计算机程序设计中，回调函数，或简称回调，是指通过函数参数传递到其它代码的，某一块可执行代码的引用。这一设计允许了底层代码调用在高层定义的子程序。

1、回调函数的概念 回调是一个函数，它作为参数传递给另一个函数，并在其父函数完成后执行。 function doSomething(msg, callback){ alert(msg); if(typeof callback == "function") callback(); } doSomething("回调函数", function(){ alert("匿名函数实现回调!"); }); 2、通常使用场景： 从上面的例子，我们可以看出回调与同步、异步并没有直接的联系，回调只是一种实现方式，既可以有同步回调，也可以有异步回调，还可以有事件处理回调和延迟函数回调，这些在我们工作中有很多的使用场景。

function a(a1, b1){ console.log(a1, b1); } setTimeout(a, 3000, 'y', 'n') 首先，在控制台里，如果我输入 a，我只会得到一个代码内容的回调，如果我输入 a() 我就可以执行这个函数。而输入 'a()' 得到的是一个字符串 'a()'。 而 setTimeout 为了执行一个 'alert("计时器")' 这个字符串，就会像 eval 强制转换成可执行代码。 setInterval("test()",10)不是相当于传了一个函数执行结果而不是函数名 所以这句话话的理解是不正确的，你只是在执行一个字符串，他被强制转换成代码而已