js中的回调函数的理解和使用

fteair

一. 回调函数的作用

js代码会至上而下一条线执行下去，但是有时候我们需要等到一个操作结束之后再进行下一个操作，这时候就需要用到回调函数。

二. 回调函数的解释

因为函数实际上是一种对象，它可以存储在变量中，通过参数传递给另一个函数，在函数内部创建，从函数中返回结果值”，因为函数是内置对象，我们可以将它作为参数传递给另一个函数，到函数中执行，甚至执行后将它返回，它一直被“专业的程序员”看作是一种难懂的技术。

回调函数的英文解释为：

A callback is a function that is passed as an argument to another function and is executed after its parent function has completed.

翻译过来就是：回调函数是一个作为变量传递给另外一个函数的函数，它在主体函数执行完之后执行。

function A有一个参数function B，function B会在function A执行完成之后被调用执行。

三. 回调函数的使用方法

代码如下：

1. function a(callbackFunction){
   
2.    alert("这是parent函数a");
   
3.    var m =1;
   
4.    var n=3;
   
5.   return callbackFunction(m,n);
   
6. }
   
7. function b(m,n){
   
8.    alert("这是回调函数B");
   
9.    return m+n;
   
10. }
    
11. $(function(){
    
12.    var result = a(b);
    
13.    alert("result = "+ result);
    
14. });

复制代码

执行顺序为：

这是parent函数a

这是回调函数B

result = 4

函数首先执行了主题函数a，之后调用了回调函数b，最后返回函数a的返回值。

Adam丶鱼

fteair

Adam丶鱼 发表于 2017-5-6 20:51

Adam丶鱼

fteair 发表于 2017-5-8 11:43

略略略