js回调函数

最近在研读jQuery的英文官网，在Learning Center 一开始的《How jQuery Works》里，就看到了一个js非常重要的概念：回调函数，而官网上的这部分内容正好给我补充了一个重要知识点！现将原文翻译如下：

回调函数和函数

与其他编程语言不同，JavaScript能让你自由地在一段时间以后执行函数，回调函数是指一个能够像参数一样传递的函数，当它的父函数执行完后它才会执行。回调函数相对有些特殊，因为它们会耐心地等待，直到它们的父函数执行完毕才执行。与此同时，浏览器还可以执行其他函数或者完成其它任务。

为了用好回调函数，很重要的一点是掌握如何在父函数中传递它们。

不带参数的回调函数

如果一个回调函数不带参数，你可以向这样使用它们：

$.get("myhtmlpage.html",myCallBack);

当$.get()成功加载myhtmlpage.html页面后，myCallBack()才执行。

注意：第二个参数只是一个函数名（而不是作为一个字符串，不带引号）

带参数的回调函数

传递带参数的回调函数情况要稍微复杂一点。

错误的用法：

下面的例子是不能正常执行的：

$.get("myhtmlpage.html",myCallBack(param1,param2));

错误的原因在于，这段代码会立即执行myCallBack(param1,param2)这个函数，并将返回结果作为参数传递给$.get()。而实际上，我们是希望传递回调函数myCallBack()而不是传递myCallBack(param1,param2)的返回值（返回值可能是一个函数，也可能不是）。那么，如何将myCallBack()连同它的参数一起传递过去呢？

正确的用法：

为了达到延迟执行带参数的myCallBack()的效果，你可以使用一个匿名函数作为包装，也就是使用function(){}。这个匿名的唯一目的就是执行myCallBack()，并带上它的两个参数param1和param2.

$.get("myhtmlpage.html",function(){

    myCallBack(param1,param2);

});

当$.get()成功加载myhtmlpage.html文件后，它就开始执行这个匿名函数，实际上就是执行myCallBack(param1,param2)，这样，就能实现带参数的回调函数了！