了解什么是函数和回调函数

 

首先要了解函数

1：函数也是对象，函数是用Function()构造函数创建的Function对象

2：回调函数：函数A作为参数(函数引用)传递到另一个函数B中，并且这个函数B执行函数A。我们就说函数A叫做回调函数。如果没有名称(函数表达式)，就叫做匿名回调函数

下面举例说面什么是回调函数

function foo(){
  var a = 10;
  return function(){
    a *= 2;
    return a;  
  }; 
}
var f = foo();
f(); //return 20.
f(); //return 40.

函数在外部调用，依然可以访问变量a。这都是因为javascript中的作用域是词法性的。函数式运行在定义它们的作用域中（上述例子中的foo内部的作用域），而不是运行此函数的作用域中。只要f被定义在foo中，它就可以访问foo中定义的所有的变量，即便是foo的执行已经结束。因为它的作用域会被保存下来，但也只有返回的那个函数才可以访问这个保存下来的作用域。返回一个内嵌匿名函数是创建闭包最常用的手段。 

setTimeout(function(){
    console.loh(1)
},3000);

function fn(arg1, arg2, callback){
 var num = Math.ceil(Math.random() * (arg1 - arg2) + arg2);
 callback(num);　　//传递结果
}
 
fn(10, 20, function(num){
 console.log("Callback called! Num: " + num); 
});　

AJAX请求就是典型的回调函数

     AJAX请求。若是使用回调函数进行处理，代码就可以继续进行其他任务，而无需空等

function fn(url, callback){
 var httpRequest;　　　　//创建XHR
 httpRequest = window.XMLHttpRequest ? new XMLHttpRequest() :　　　//针对IE进行功能性检测
　　　　window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : undefined;
  
 httpRequest.onreadystatechange = function(){
   if(httpRequest.readystate === 4 && httpRequest.status === 200){　　//状态判断
     callback.call(httpRequest.responseXML); 
   }
 };
 httpRequest.open("GET", url);
 httpRequest.send();
}
 
fn("text.xml", function(){　　　　//调用函数
 console.log(this); 　　//此语句后输出
});
 
console.log("this will run before the above callback.");　　//此语句先输出