js回调函数

阅读更多

回调函数(Callback Functions)
因为函数和其他数据一样可以被赋值，删除，拷贝等，所以也可以把函数作为参数传入到另一个函数中。
实例一
Js代码  收藏代码

function invoke_and_add(a,b){  
  return a()+b();  
}  
  
function one(){  
  return 1;  
}  
  
function two(){  
  return 2;  
}  
  
invoke_and_add(one ,two);  
结果为3；

再来看看匿名函数的用法。
实例二

invoke_and_add(function(){return 1;},function(){return 2;}) 

我们用匿名函数替代了 one,two两个函数。
通过上面两个实例，回调函数的定义为：传递一个函数A到另一个函数B中，并且这个函数B执行函数A。我们就说函数A叫做回调函数。如果没有名称，就叫做匿名回调函数

回调函数的作用
主要有三个
1.当函数作为参数传递的时候，不用为这个函数定义一个名称，这样的好处是减少了全局变量。
2.节省了大量的代码。
3.提高了程序的性能。

-------------------
回调什么时候执行

回调函数，一般在同步情境下是最后执行的，而在异步情境下有可能不执行，因为事件没有被触发或者条件不满足。

回调函数的使用场合

资源加载：动态加载js文件后执行回调，加载iframe后执行回调，ajax操作回调，图片加载完成执行回调，AJAX等等。
DOM事件及Node.js事件基于回调机制(Node.js回调可能会出现多层回调嵌套的问题)。
setTimeout的延迟时间为0，这个hack经常被用到，settimeout调用的函数其实就是一个callback的体现
链式调用：链式调用的时候，在赋值器(setter)方法中(或者本身没有返回值的方法中)很容易实现链式调用，而取值器(getter)相对来说不好实现链式调用，因为你需要取值器返回你需要的数据而不是this指针，如果要实现链式方法，可以用回调函数来实现
setTimeout、setInterval的函数调用得到其返回值。由于两个函数都是异步的，即：他们的调用时序和程序的主流程是相对独立的，所以没有办法在主体里面等待它们的返回值，它们被打开的时候程序也不会停下来等待，否则也就失去了setTimeout及setInterval的意义了，所以用return已经没有意义，只能使用callback。callback的意义在于将timer执行的结果通知给代理函数进行及时处理。

回调函数的传递
上面说了，要将函数引用或者函数表达式作为参数传递。

$.get('myhtmlpage.html', myCallBack);//这是对的
$.get('myhtmlpage.html', myCallBack('foo', 'bar'));//这是错的，那么要带参数呢？
$.get('myhtmlpage.html', function(){//带参数的使用函数表达式
myCallBack('foo', 'bar');
});