javascript 回调函数详解(2)

function fn(url, callback){
    var httpRequest;　　　　//创建XHR
    httpRequest = window.XMLHttpRequest ? new XMLHttpRequest() :　　　
　　　　    window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP"             ) : undefined;//针对IE进行功能性检测
   
    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.");　　//此语句先输出

　　我们请求异步处理，意味着我们开始请求时，就告诉它们完成之时调用我们的函数。在实际情况中，onreadystatechange事件处理程序还得考虑请求失败的情况，这里我们是假设xml文件存在并且能被浏览器成功加载。这个例子中，异步函数分配给了onreadystatechange事件，因此不会立刻执行。

　　最终，第二个console.log语句先执行，因为回调函数直到请求完成才执行。

　　上述例子不太易于理解，那看看下面的示例：

复制代码 代码如下:

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的执行已经结束。因为它的作用域会被保存下来，但也只有返回的那个函数才可以访问这个保存下来的作用域。返回一个内嵌匿名函数是创建闭包最常用的手段。

您可能感兴趣的文章: