最近在研读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),这样,就能实现带参数的回调函数了!